Visuals: Object
Свойство Visuals устанавливает и возвращает настройки сопоставления значений рядов данных осям диаграммы, цвету и размеру её элементов.
Значение свойства устанавливается из JSON и с помощью метода setVisuals, а возвращается с помощью метода getVisuals.
Свойство содержит JSON-объект со следующими полями типа PP.CoordinateVisual: X, Y, R и Color.
Для выполнения примера необходимо наличие на html-странице компонента BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»). Изменим массив цветов для шкалы сопоставления данных пузырьковой диаграммы:
// Определим шкалу цветов var colorScale = new PP.ScaleBase({ Items: "#00ff00 #30cf00 #708f00 #b04f00 #f00f00", NoData: "#AFBFBF", TypeArguments: "Brush" }); // Получим настройки сопоставления данных var visuals = bubbleChart.getVisuals(); // Получим набор цветов шкалы пузырьковой диаграммы var colorItems = visuals.Color.getColorMapping().getScale().getItems(); // Поменяем цвета шкалы for (var i in colorItems) { colorItems[i].setColor(colorScale.getItems()[i].getColor()); }; // Установим настройки сопоставления данных bubbleChart.setVisuals(visuals); // Обновим пузырьковую диаграмму bubbleChart.refresh();
В результате выполнения примера были изменены цвета пузырьков в шкале сопоставления данных пузырьковой диаграммы:
См. также: