Example of 100% Stacked Column in Javascript 3D Chart Control

100% Stacked Column

This example of a 100% 3D stacked column chart visualizes motor vehicle production by manufacturer using a stacked column series. The legend in the sample provides information about these series.

More Details...


In this example, you can see how to render and configure the 100% 3D stacked column chart. The 100% 3D 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 a point or tap on a point in touch enabled devices. Injecting Module 3D chart component features are segregated into individual feature-wise modules. To use 100% stacked column series, we need to inject StackingColumnSeries3D module using Chart3D.Inject(StackingColumnSeries3D) method.