chart.js нерегулярный временной ряд выдает неправильную всплывающую подсказку

#javascript #chart.js

#javascript #chart.js

Вопрос:

Я использую chart.js и иметь график с 2 линейными рядами и 2 столбчатыми рядами. Серия может иметь нерегулярное время, иначе говоря, в серии может отсутствовать один или два интервала.

Что касается построения графика, то на самом деле все выглядит нормально. Но во всплывающей подсказке будут отображены данные для следующей заполненной точки, даже если она отсутствует за этот период.

Другими словами, 3-я серия имеет очко за январь, но первая точка четвертой серии приходится на февраль. Он покажет первые 3 правильных для января, а четвертый пункт во всплывающей подсказке за январь будет для февраля. Затем, в феврале, он правильно отобразит все четыре февральских данных серии. Я бы ожидал, что всплывающая подсказка Jan покажет только 3 серии, для которых у нее есть данные.

  tooltips: {
    mode: 'index',
    intersect: false
}
 

Я работаю над скрипкой, но, к сожалению, у меня возникают проблемы с тем, чтобы заставить ее работать (например, отображать вообще). Я обновлю вопрос, как только он заработает.

Я также пробовал использовать режим x и label.

Вот скрипка. Наведите указатель мыши на первую точку данных, и вы увидите значения для двух рядов «вы»: https://jsfiddle.net/kqofb5m2/3 /

Комментарии:

1. Поскольку вы установили mode:'index' , tooptips данные выборки в соответствии с index , а не по оси x. Это приводит к тому, что всплывающие подсказки находят положение вашего курсора, а затем сопоставляют его с индексом данных.

2. Я пробовал как index, так и x. Оба работают не так, как хотелось бы.