PP.Ui.ChartSelection(settings);
settings. JSON object that contains values of class properties.
The ChartSelection constructor creates an instance of the ChartSelection class.
To execute this example, the HTML page must contain the BubbleChart component named bubbleChart (see Example of Creating the BubbleChart Component). Select a bubble in the first data series:
// Get array of bubble chart series
var series = bubbleChart.getSeries();
// Get the first series bubble
var chartSeriePoint = series[0].getPoints()[0];
// Enable selection of bubbles in bubble chart
chartSeriePoint._selectionOn = true;
// Get selection of the specified bubble chart bubble
var oldSelection = chartSeriePoint.getSelection();
if (oldSelection != null) {
// Hide the old selection if it is displayed
oldSelection.hide();
}
//Create a new selection
var newSelection = new PP.Ui.ChartSelection({
Chart: bubbleChart,
HorizontalLine: true, // Render horizontal level line that corresponds to bubble
HorizontalLineExtension: false, // Do not render line after the bubble
VerticalLine: true, // Render vertical level line that corresponds to bubble
VerticalLineExtension: true, // Continue vertical level line after the bubble
Thickness: 4, // Selection line width
LineType: PP.Ui.LineTypes.Dash, //Line type
Offset: 10, // Offset of selection circle from bubble chart bubble border
Stroke: PP.Color.Colors.lightskyblue,
XLabel: new PP.Ui.ChartTooltip({ //Label on the X axis
HasMask: true,
MaskText: "{%Value:#,##.0000}"
}),
YLabel: new PP.Ui.ChartTooltip({ //Label on the Y axis
HasMask: false,
Text: chartSeriePoint.getTooltipValues().YValue.toString()
})
});
// Determine coordinates of central bubble point
var cx = chartSeriePoint.getSymbol().getX();
var cy = chartSeriePoint.getSymbol().getY();
// Determine selection circle radius
var radius = newSelection.getOffset();
// Determine selection transparency level
var opacity = 0.8;
// Render selection
newSelection.draw(bubbleChart.getChartArea().getPaper(), cx, cy, radius, cx, cy, opacity);
After the example execution a bubble in the first data series is selected. Selection line and level lines that correspond to this bubble, are shown as blue dashed lines four pixels wide. Labels that contain coordinate values for the selected bubble chart bubble are displayed in positions where horizontal and vertical level lines cross X and Y axes:

See also: