content
Gets or sets the content of data labels.
The content can be specified as a string or as a function that takes HitTestInfo object as a parameter.
When the label content is a string, it can contain any of the following parameters:
- seriesName: Name of the series that contains the data point (FlexChart only).
- pointIndex: Index of the data point.
- value: Value of the data point.
- x: x-value of the data point (FlexChart only).
- y: y-value of the data point (FlexChart only).
- name: Name of the data point.
- propertyName: any property of data object.
The parameter must be enclosed in curly brackets, for example 'x={x}, y={y}'.
In the following example, we show the y value of the data point in the labels.
// Create a chart and show y data in labels positioned above the data point.
var chart = new wijmo.chart.FlexChart('#theChart');
chart.initialize({
itemsSource: data,
bindingX: 'country',
series: [
{ name: 'Sales', binding: 'sales' },
{ name: 'Expenses', binding: 'expenses' },
{ name: 'Downloads', binding: 'downloads' }],
});
chart.dataLabel.position = "Top";
chart.dataLabel.content = "{country} {seriesName}:{y}";
The next example shows how to set data label content using a function.
// Set the data label content
chart.dataLabel.content = function (ht) {
return ht.name + ":" + ht.value.toFixed();
}
- Inherited From
- DataLabelBase
- Type
- any
The point data label for FlexChart.