javascript - 如何在chartjs2中绘制一条不同颜色的线？

Question

我需要绘制一个看起来像图片上的图表。我如何用chartjs2做到这一点？不幸的是，我找不到任何示例来说明如何实现它。

标签： javascriptreactjschart.jschartjs-2.6.0react-chartjs

Answer 1

在 React 中这样做了 2 行：

<Line
    data={{
      labels: [100, 200, 300, 150, 250, 400],
      datasets: [
        {
          label: 'My red line',
          fill: false,
          borderColor: 'red',
          data: [null, null, 2, 0, 3],
        },
        {
          label: 'My green line',
          fill: false,
          borderColor: 'green',
          data: [2, 4, 2, null, null, null],
        },
      ],
    }}
  />