Chartjs-плагин-потоковая передача + chartjs-плагин-масштабирование
(Извините за мой английский) Я использую chartjs-plugin-streaming для диаграмм в реальном времени, и я хочу использовать chartjs-plugin-zoom.
Но зум не работает.
Когда я проверяю масштабирование, появляется область масштабирования, но когда я оставляю указатель мыши на графике, ничего не происходит
Я вижу, что вызывается метод doZoom из chartjs-plugin-zoom, тогда я думаю, что проблема в плагине потоковой передачи, но я не знаю, где именно.
Я тестировал вызов паузы в потоковой передаче перед масштабированием, но возникла та же проблема.
Что я могу сделать, чтобы масштабирование заработало?
Спасибо
Ответы 1
chartjs-plugin-streaming v1.6.0 теперь поддерживает chartjs-plugin-zoom.
Включите Chart.js, chartjs-plugin-zoom.js, chartjs-plugin-streaming.js и необходимые библиотеки (Moment.js и Hammer.js), а также добавьте параметры pan и zoom. Обратите внимание, что в отличие от других типов шкал, параметры rangeMin и rangeMax не определяют значения времени. Вместо этого pan.rangeMin и pan.rangeMax ограничивают диапазон значения опциона delay, в то время как zoom.rangeMin и zoom.rangeMax ограничивают диапазон значения опциона duration.
options: {
// Assume x axis is the realtime scale
pan: {
enabled: true, // Enable panning
mode: 'x', // Allow panning in the x direction
rangeMin: {
x: null // Min value of the delay option
},
rangeMax: {
x: null // Max value of the delay option
}
},
zoom: {
enabled: true, // Enable zooming
mode: 'x', // Allow zooming in the x direction
rangeMin: {
x: null // Min value of the duration option
},
rangeMax: {
x: null // Max value of the duration option
}
}
}