Labels on Axes

I. Radar Charts

Radar charts support unlimited number of axes. You add as many Axis instances as you want to see on the radar:

JavaScript

for (var i = 0; i < 8; i++) {
        var axis = new Charting.Axis();
        axis.title = "Axis " + (i + 1).toString();
        radarChart.axes.add(axis);
    }

Labels on radar chart axes are set with the title property of the axes. If you don't want a label just leave an empty string.

The labels on the scale of the main radar axes depend on the intervals. You set them this way:

JavaScript

radarChart.defaultAxis.minValue = 0;
radarChart.defaultAxis.maxValue = 55;

In case you don't want labels on this default axis just hide them:

JavaScript

radarChart.showCoordinates = false;

II. Axes and Labels on Axes That Use The Cartesian Coordinate System

By default each axis shows its scale, which is set with the minValue, maxValue and interval properties.

JavaScript

lineChart.xAxis.minValue = 1;
lineChart.xAxis.maxValue = 10;
lineChart.xAxis.interval = 1;

If you don't want to show these labels you can set

JavaScript

lineChart.showXCoordinates = false;

or

JavaScript

lineChart.showYCoordinates  = false;

If you are using an AxisRenderer the property is:

JavaScript

axisRenderer.showCoordinates = false;

1. Custom Labels in BarCharts

Charts that use the Cartesian coordinate system can show custom labels on all of their axis.

JavaScript

barSeries.xAxisLabels = new Collections.List([
        "one", "two", "three", "four", "five", "six",
        "seven", "eight", "nine", "ten", "eleven", "twelve"
    ]);

 

2. Custom Labels on Axes

You can set the labels from any series as labels on the axis using the supportedLabels property.

Let's assume you have created a Series2D like that:

JavaScript

var labels = new Collections.List([
        "one", "two", "three", "four", "five", "six",
        "seven", "eight", "nine", "ten", "eleven", "twelve"
    ]); var series1 = new Charting.Series2D(new Collections.List([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]), new Collections.List([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), labels);
    series1.title = "Series 1";

In order to show the labels on the Y-axis you should set:

JavaScript

series1.supportedLabels = Charting.LabelKinds.YAxisLabel;

Of course, to disable the scale labels add:

JavaScript

lineChart.showYCoordinates  = false;

BarSeries classes support special xAxisLabels property to set the labels under the bars:

JavaScript

var labels = new Collections.List([
        "one", "two", "three", "four", "five", "six",
        "seven", "eight", "nine", "ten", "eleven", "twelve"
    ]);barSeries.xAxisLabels = labels;