Как нарисовать одну линию разными цветами в 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],
        },
      ],
    }}
  />