PP.Ui.ChartLabelCollection (settings);
settings. JSON object that contains values of component properties.
The ChartLabelCollection constructor creates an instance of the ChartLabelCollection class.
To execute this example, the HTML page must contain the BubbleChart component named bubbleChart (see Example of Creating the BubbleChart Component). Create and set a collection consisting of three labels for X axis of the bubble chart:
// Get X axis of bubble chart
var axisX = bubbleChart.getChartArea().getAxisX();
// Hide old labels of the X axis
var labelsCollection = axisX.getLabels();
labelsCollection.hide();
// Determine three labels of the X axis
var labelsSettings = {
IntervalsCount: '2', // Total number of intervals between labels
Margin: '5 5 5 5', // External margins of labels
Chart: bubbleChart, // bubble chart
VisualType: axisX.getType(), // Bubble chart item type
MaskText: "{%Value:#,##.}", // Text mask for labels
Style: { // Color labels blue
Release: new PP.Style({
Font: {
Color: "#3366FF"
}
})
},
IsVisible: true,
Min: 0, // Minimum value
Max: 300000 // Maximum value
};
// Create a label collection
var labels = new PP.Ui.ChartLabelCollection(labelsSettings);
// Display new labels for the X axis
labels.draw(null, bubbleChart.getChartArea().getPaperArea());
After executing the example a collection consisting of three blue labels with integer values ranging between 0 and 300.000 is created and set for the X axis of the bubble chart:
See also: