Динамические диаграммы
Библиотека Webix предоставляет возможность создавать динамические диаграммы. Динамические диаграммы непрерывно обновляются и сопровождают изменение значений анимацией. Такой вид диаграмм удобен для визуализации постоянно изменяющихся данных: колебания температуры, цен и т. д.
Related sample: Dynamic Spline Chart
Следующие типы диаграмм поддерживают динамический режим: "Line" и "Spline", "Area" и "SplineArea".
Инициализация
Для инициализации динамической диаграммы используйте код ниже:
webix.ui({
id: "chart",
view: "chart",
type: "line",
value: "#yValue#",
dynamic: true,
cellWidth: 50,
animateDuration: 300
});
Основные свойства динамической диаграммы:
- dynamic (boolean) - (обязательное свойство), задает динамический режим;
- cellWidth (number) - задает ширину ячейки элемента диаграммы. Значение по умолчанию -
30. - animateDuration (number) - задает время отображения для зоны/линии одного элемента диаграммы. Значение по умолчанию
400.