Example of 100% Stacked Bar in Javascript Chart Control

100% Stacked Bar

This 100% stacked bar chart example visualizes a comparison of sales percentages over several months with a default 100% 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 100% stacked bar chart. The 100% stacked bar chart displays multiple series of data as stacked bars, ensuring that the cumulative value of each stacked element always totals 100%. Tooltips are enabled in this example. To see the tooltip in action, hover over 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 100% stacking bar series, we need to inject StackingBarSeries module using Chart.Inject(StackingBarSeries) method. More information on the 100% stacked bar series can be found in this documentation section.