[#3] Как добавить zoom и scroll, на график с real-time | Визуализация данных на JavaScript
Сегодня реализуем функционал зума и скроллинга для графика, который отображается в режиме реального времени.
Покажу вам, как подключить и правильно настроить плагин chartjs-plugin-zoom. Поговорим о таких методах, как onPanStart, onZoomStart, onPanComplete и onZoomComplete, будем использовать их для настройки графика таким образом чтобы соеденить работу функционала realt-time, zoom и pan.
В конце, для более професионального отображения, добвим остптычные значения для шкалы "х", и переопределим метод интерполяции для шкалы "у".
Ссылка на весь плейлист: • Визуализация данных на JavaScript
Код урока:
https://github.com/ateros-lab/data-vi...
#data #visualization #javascript #chartjs #js #chart #library #визуализация #данных #уроки #программирование #real #time #chart