Example of 100% Stacked Line in Javascript Chart Control

100% Stacked Line

This sample visualizes the family expense data with stacked line series in the chart to identify who spent more money in each category. Data points are enhanced with marker and tooltip.

More Details...


In this example, you can see how to render and configure the stacked line type charts. 100% Stacked Line type charts are used to represent time-dependent data, showing trends in data at equal intervals with stacked values of multiple series. You can use dashArray, width, fill properties to customize the line. marker used to represent individual data. 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 line series, we need to inject StackingLineSeries module using Chart.Inject(StackingLineSeries) method. More information on the line series can be found in this documentation section.