PP.Ui.ChartSelection(settings);
settings. JSON-объект со значениями свойств класса.
Конструктор ChartSelection создает экземпляр класса ChartSelection.
Для выполнения примера необходимо наличие на html-странице компонента BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»). Выделим пузырёк из первого ряда данных:
// Получим массив рядов пузырьковой диаграммы var series = bubbleChart.getSeries(); // Получим пузырёк из первого ряда данных var chartSeriePoint = series[0].getPoints()[0]; // Разрешим выделение пузырьков в пузырьковой диаграмме chartSeriePoint._selectionOn = true; // Получим выделение указанного пузырька пузырьковой диаграммы var oldSelection = chartSeriePoint.getSelection(); if (oldSelection != null) { // Спрячем старое выделение, если оно отображается oldSelection.hide(); } //Создадим новое выделение var newSelection = new PP.Ui.ChartSelection({ Chart: bubbleChart, HorizontalLine: true, // Нарисуем горизонтальную линию уровня, соответствующую пузырьку HorizontalLineExtension: false, // После пузырька линию уровня рисовать не будем VerticalLine: true, // Нарисуем вертикальную линию уровня, соответствующую пузырьку VerticalLineExtension: true, // Продолжим вертикальную линию уровня после пузырька Thickness: 4, // Толщина линии выделения LineType: PP.Ui.LineTypes.Dash, //Тип линии Offset: 10, // Отступ откружности выделения от границы пузырька пузырьковой диаграммы Stroke: PP.Color.Colors.lightskyblue, XLabel: new PP.Ui.ChartTooltip({ //Подпись на оси Х HasMask: true, MaskText: "{%Value:#,##.0000}" }), YLabel: new PP.Ui.ChartTooltip({ //Подпись на оси У HasMask: false, Text: chartSeriePoint.getTooltipValues().YValue.toString() }) }); // Определим координаты центральной точки пузырька var cx = chartSeriePoint.getSymbol().getX(); var cy = chartSeriePoint.getSymbol().getY(); // Определим радиус круга выделения var radius = newSelection.getOffset(); // Определим уровень прозрачности выделения var opacity = 0.8; // Отрисуем выделение newSelection.draw(bubbleChart.getChartArea().getPaper(), cx, cy, radius, cx, cy, opacity);
В результате выполнения примера был выделен пузырёк из первого ряда данных. Линии выделения и уровня, соответствующие данному пузырьку, являются пунктирными, имеют толщину в 4 пикселя и окрашены в голубой цвет. На пересечениях вертикальной и горизонтальной линий уровня с осями X и Y отображены метки, содержащие значения координат выделенного пузырька пузырьковой диаграммы:
См. также: