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 отображены метки, содержащие значения координат выделенного пузырька пузырьковой диаграммы:

См. также: