Charts / Line Charts / Multi Colored Line

Blazor Multi Colored Line Chart Example.

Loading Syncfusion Blazor Server Demos…

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

In this example, you can see how to render and configure individual point coloring in a line-type series. Multi-colored line charts effectively represent time-dependent data by:

  • Displaying trends at equal intervals
  • Using individual colors for each data point for visual distinction
  • Implementing the PointColorMapping feature to assign colors dynamically

Tooltip is enabled in this example. To see tooltip details, hover over or tap on the chart.

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

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE