Example of 100% Stacked Line in Javascript Chart Control

/
/
100% Stacked Line

This TypeScript 100% Stacked Line Chart example visualizes the blood type distribution across different countries.

More Details...

Description

In this example, you can see how to render and configure the 100% stacked line chart. This chart displays multiple series of data as stacked lines, ensuring that the cumulative proportion of each stacked element always totals 100%. Markers are used to represent individual data and its values. Tooltips are enabled in this example. To see a tooltip in action, hover over or tap on the chart. Injecting Module Chart component features are segregated into individual feature-wise modules. To use 100% stacking line series, we need to inject StackingLineSeries module using Chart.Inject(StackingLineSeries) method. More information on the 100% stacked line series can be found in this documentation section.