Example of Pareto Chart in Javascript Chart Control

Pareto Chart

This sample illustrates a Pareto chart with line and column series.

More Details...


In this example, you can see how to render and configure a pareto chart. The pareto chart is used to find the cumulative values of the data in different categories. It is a combination of the column and line series. The initial values are shown in the column chart and the cumulative values are shown in the line chart. 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 In this example, we have used pareto series with the help of column and line series. To use pareto feature, we need to inject ParetoSeries ColumnSeries LineSeries modules using Chart.Inject(ParetoSeries) Chart.Inject(ColumnSeries) Chart.Inject(LineSeries) method. More information on the pareto series can be found in this documentation section.