Example of 100% Stacked Column in Javascript Chart Control

100% Stacked Column

This sample visualizes percentage of domestic product growth of four different countries with default 100% stacked column series in chart. Legend in the sample shows the information about the series.

More Details...


In this example, you can see how to render and configure the 100% stacking column type charts. You can use border, fill properties to customize the vertical bar. 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 100% stacking column series, we need to inject StackingColumnSeries module using Chart.Inject(StackingColumnSeries) method. More information on the stacking column series can be found in this documentation section.