Charts / Line Charts / Spline

Blazor Spline Chart Example

Loading Syncfusion Blazor Server Demos…

This Blazor Spline Chart example visualizes average monthly high and low temperatures across the contiguous United States for 2024.

In this example, you can see how to render and configure a spline chart. The spline chart uses a smooth, curved line to connect points in a data series. Key features include:

  • ChartMarker represents individual data points and their values
  • ChartCrosshairSettings displays exact values when hovering over the chart, tracking the nearest data point
  • The HighlightCategory property in the crosshair highlights the entire category range on hover

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

More information about the spline 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