• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Multi Colored Line in ASP.NET Core Chart Control

This sample demonstrates a multi-colored line chart showing the average January temperature in the United States from 1895 to 2025. Each data point is represented with a unique color, and hovering over the points reveals detailed information through tooltips.

DEMO
SOURCE

In this example, you can see how to render and configure each point in line type series. Multicolored 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 a tooltip in action, hover over or tap on the chart.

More information about the multi-colored line series can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab