построить линейный график в Chartjs 2, когда количество данных в оси y не равно количеству данных на оси x

Question

У меня есть два массива для построения графика. Расскажу на примере.

yAxis = [2, 4, 6, 7, 8, 9]
xAxis = [10:10, 10:20, 10:30, 10:40, 10:50, 11:00]

В этом случае график будет построен правильно. Затем после нажатия какой-либо кнопки 'A' на моей странице xAxis изменяется, например,

xAxis = [10:10, 10:15, 10:20, 10:25, 10:30, 10:35, 10:40, 10:45, 10:50, 10:55, 11:00]

но моя ось y всегда будет такой же, как,

yAxis = [2, 4, 6, 7, 8, 9]

В этом случае график будет строиться до '10:35' в xAxis. Затем после нажатия какой-либо кнопки 'B' на моей странице xAxis изменяется, например,

xAxis = [10:10, 10:40, 11:00]

но моя ось y всегда будет такой же, как,

yAxis = [2, 4, 6, 7, 8, 9]

В этом случае график будет отображаться до '6' по оси yAxis.

Есть ли способ решить эту проблему? Я пытался реализовать в приложении reactjs с помощью react-chartjs-2

*** Или их способ разделить время в xAxis, если время начала, время окончания и требуемые интервалы передаются на график ***

Answer 1

Эта проблема была решена путем добавления времени, которое должно быть между ними, изменения всех существующих линий, нанесенных на график, и добавления snapGap:true.