ChartMarker Constructor

Syntax

PP.Ui.ChartMarker(settings);

Parameters

settings. JSON object that contains values of class properties.

Description

The ChartMarker constructor creates an instance of the ChartMarker class.

Example

To execute this example, the HTML page must contain the BubbleChart component named bubbleChart (see Example of Creating the BubbleChart Component). Set labels for X and Y axes of the bubble chart:

// Get bubble chart area
var chartArea = bubbleChart.getChartArea();
// Determine label parameters
var settings = {
    Length: 15, // Label length
    Chart: bubbleChart,
    Stroke: PP.Color.Colors.black, // Black label color
    Thickness: 2 // Label width in pixels
};
// get vertical axis level lines for the X axis
var xItems = chartArea.getGrid().getVerticals()._Items;
for (var i in xItems) {
    // Create a new axis label
    var marker = new PP.Ui.ChartMarker(settings);
    // Set a new value for axis label
    var value = xItems[i].getValue();
    marker.setValue(value);
    // Render label
    var secondCoord = bubbleChart.getChartArea().getPaperArea();
    marker.draw(bubbleChart.getChartArea()._GridLayer, PP.Ui.VisualType.X, secondCoord);
};
// Get horizontal level lines for the Y axis
var yItems = chartArea.getGrid().getHorizontals()._Items;
for (var i in yItems) {
    // Create a new axis label
    var marker = new PP.Ui.ChartMarker(settings);
    // Set a new value for axis label
    var value = yItems[i].getValue();
    marker.setValue(value);
    // Render label
    marker.draw(bubbleChart.getChartArea()._GridLayer, PP.Ui.VisualType.Y, 0)
};

After executing the example black labels are set for X and Y axes of the bubble chart, labels are 15 pixels long and 2 pixels wide:

See also:

ChartMarker