Example of 100% Stacked Column in Javascript Chart Control

100% Stacked Column

This 100% stacked column chart example visualizes motor vehicle production by manufacturer with a default stacked column series. The legend in the sample shows the information about those series.

More Details...


In this example, you can see how to render and configure the 100% stacked column chart. The 100% stacked column chart displays multiple series of data as stacked columns, ensuring that the cumulative proportion 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 column series, we need to inject StackingColumnSeries module using Chart.Inject(StackingColumnSeries) method. More information on the 100% stacked column series can be found in this documentation section.