PP.Ui.ChartScroller(settings);
settings. JSON-объект со значениями свойств компонента.
Конструктор ChartScroller создает экземпляр класса ChartScroller.
Для выполнения примера необходимо наличие на html-странице компонента Chart с наименованием «chart» (см. «Пример создания компонента Chart»). Создадим элемент прокрутки и добавим его на диаграмму:
// Устанавливаем элемент прокрутки диаграмме
var scroller1 = new PP.Ui.ChartScroller({
// Устанавливаем родительскую диаграмму
Parent: chart,
// Включаем элемент прокрутки
Enabled: true,
// Устанавливаем максимальное количество отображаемых элементов оси X
MaxPointsInSight: 2
});
// Получаем элемент прокрутки
var scroller = chart.getScroller();
// Устанавливаем новые настройки элементу прокрутки
scroller.setSettings(scroller1.getSettings());
Проверим, добавлен ли элемент прокрутки на диаграмму и перерисуем его:
// Проверяем, добавлен ли элемент прокрутки на диаграмму
if (scroller.getIsActual()) {
console.log("Элемент прокрутки добавлен на диаграмму");
} else {
console.log("Элемент прокрутки не добавлен на диаграмму");
}
// Перерисовываем элемент прокрутки
scroller.redraw();
К диаграмме был добавлен элемент прокрутки:
В результате в консоль было выведено сообщение о добавлении элемента прокрутки:
Элемент прокрутки добавлен на диаграмму
Сдвинем элемент прокрутки вправо на один шаг:
// Получаем количество интервалов между делениями оси X
console.log("Количество интервалов между делениями оси X: " + scroller.getRealXLength());
// Сдвигаем элемент прокрутки вправо на один шаг
scroller.setPosition(scroller.getPosition()+1);
В консоль было выведено количество элементов оси X:
Количество интервалов между делениями оси X: 4
В результате элемент прокрутки будет сдвинут вправо на один шаг:
См. также: