У меня возникла следующая проблема с всплывающими подсказками в диаграмме. js:
Моя диаграмма работает нормально, пока я не добавлю всплывающую подсказку в формате.
мои данные
диаграмма без всплывающей подсказкиFormat-part1 1011 *
диаграмма без всплывающей подсказкиFormat-part2
диаграмма с всплывающей подсказкойFormat-part1
диаграмма с всплывающей подсказкойFormat-part2
xAxes: [{
type: 'time',
distribution: 'series',
time: {
// tooltipFormat: tooltipFormat // original code
tooltipFormat : 'YYYY-MM-DD HH:mm:SS ZZ', //added for debugging
bounds: 'ticks',
round: false,
unit: chartUnit,
displayFormats: {
hour: timeFormat,
day: dateFormatDay,
month: dateFormatMonth,
year: dateFormatYear
}
},
offset: true,
ticks: {
autoSkip: false,
source: 'label'
}
}]
На первых двух изображениях вы видите всплывающую подсказку без какого-либо всплывающего подсказки в коде (обе строки в качестве комментария). Так как все было в порядке. Каждый набор данных имеет правильную позицию и имеет правильную дату / время.
Моя изначальная проблема заключалась в том, что я хотел показать дату в том же формате, что и на осях. Но для каждого месяца, предшествующего фактическому месяцу, на всплывающей подсказке была указана дата, когда один месяц отмечался на осях. Сами данные были на правильном пути. Поэтому я добавил строку tooltipFormat : 'YYYY-MM-DD HH:mm:SS ZZ',
для отладки. Как вы можете видеть на вторых изображениях, дата в подсказке изменится, если я добавлю эту строку. Текущий месяц имеет точное время с часовым поясом +2, но для всех прошлых дат время меняется на 23:00:00 с часовым поясом + 1.
Кто-нибудь может мне помочь понять, почему это происходит?
Спасибо и всего наилучшего, Майкл