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();
В результате выполнения примера были изменены цвета пузырьков в шкале сопоставления данных пузырьковой диаграммы:
См. также: