Example of Multi Colored Line in Javascript Chart Control

Multi Colored Line

This sample visualizes the particulate levels in rainfall with multi colored line series in the chart. Data points are enhanced with individual color and tooltip.

More Details...


In this example, you can see how to render and configure each point in line type series. Multi colored line charts are used to represent time-dependent data to show the trends at equal intervals with their individual colors by using pointColorMapping. Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap a point in touch enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To use multi colored line series, we need to inject MultiColoredLineSeries module using Chart.Inject(MultiColoredLineSeries) method.