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

Question

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

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],

        },

      ],

    }}

  />