如何在ChartJS中的散点图上绘制虚线

dpiehjr4 于 11个月前发布在 Chart.js

关注(0)|答案(1)|浏览(130)

使用Chartjs，我想在散点图上绘制虚线。我使用散点图而不是线图，因为我需要在x轴上显示恒定时间的刻度（我的数据具有不同的采样频率）
我有一些在散点图上显示一条线的代码，但是border dash属性无法识别

const datasets = [{
    data: [{ x: 0, y: 1,36 }, { x:2, y: 2,47 } ...],
    borderColor: #fff,
    label: "24h moving average",
    showLine: true,
    borderDash: [5, 5] // Not working
}]

字符集
在chartjs中可以做到这一点吗？

chart.js

来源：https://stackoverflow.com/questions/77716448/how-can-i-draw-a-dashed-line-on-a-scatter-plot-in-chartjs

1条答案

按热度按时间

tf7tbtn21#

您可以尝试以下代码：（需要 * 版本2.x或更高 *）：

const datasets = [{
      data: // Your data,
      borderColor: '#f00',
      label: "24h moving average",
      showLine: true,
      lineTension: 0,
      borderDash: [5, 5]
    }];

    // ..ctx

    const myScatterChart = new Chart(ctx, {
      type: 'scatter',
      data: {
        datasets: datasets
      },
      options: {
        // ...options
      }
    });

字符集

SAMPLE DEMO*

赞(0）回复(0）举报 11个月前

我来回答

如何在ChartJS中的散点图上绘制虚线

1条答案

相关问题

热门标签

最新问答