React-chart js -2 линейная диаграмма со временем по оси X с несколькими наборами данных, нанесенными неправильно

Question

У меня есть линейная диаграмма с несколькими наборами данных и временем по оси X. У меня есть два набора данных. В одном х = 4. В другом х = 1, в основном 1 должно go ниже 4. Но это не так. 1 идет выше 4. Линии не перекрываются. вот мой код

Вот код в блиц-стеке - https://stackblitz.com/edit/line-chart-with-time-on-xaxes

Вот как выглядит график

Желтая и красная линия должны пересекаться. Но это не переход. Это нормально для временных диаграмм? Есть ли способ исправить это?

Answer 1

Решение добавлено в код. просто удалите stacked: true, из yAxes: []

yAxes: [
   {
       // stacked: true,
       gridLines: {
           display: false,
           drawBorder: false
       },
       ticks: {
           display: false
       }
    }
]