Example of Stacked Bar in Javascript Chart Control

Stacked Bar

This React stacked bar chart example visualizes a comparison of several months’ sales with the default stacked bar series. The legend in the sample shows more information about the series.

More Details...


In this example, you can see how to render and configure the stacked bar chart. The stacked bar chart stacks points in the series horizontally. You can also use the StackingGroup property to group stacked collections based on category. Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To use stacking bar series, we need to inject StackingBarSeries module using Chart.Inject(StackingBarSeries) method. More information on the stacked bar series can be found in this documentation section.