BarChart.stackOuterLabels Property

Gets whether outer labels are displayed stacked on top of stacked bars, instead of showing them on the bar sides.

Namespace: MindFusion.Charting.Controls
File: BarChart.js

 Syntax

JavaScript

get stackOuterLabels() {}

 Example

The following code creates two BarSeries with data and outer labels. They are assigned to the series property of a BarChart control, whose barLayout is set to BarLayout.Stack. The stackOuterLabels property is used to specify that outer labels must be drawn on top of the bar stacks:

JavaScript

//the second argument specifies the inner labels, the third argument specifies the top(outer) labels
var data1 = new Charting.BarSeries(
 new Collections.List([13, 13, 14, 16, 23, 44]), null, new Collections.List(["Jan", "Feb", "Mar", "Apr", "May", "Jun"]));
var data2 = new Charting.BarSeries(
 new Collections.List([22, 18, 25, 34, 51, 44, 8]), null, new Collections.List(["Jan", "Feb", "Mar", "Apr", "May", "Jun"]));barChart.series = new Collections.ObservableCollection([data1, data2]);barChart.barLayout = Charting.BarLayout.Stack;
barRenderer.stackOuterLabels = true;