Blazor Spline Chart Example

Charts / Line Charts / Spline

This Blazor Spline Chart example visualizes the average monthly high and low temperatures across the contiguous U.S. 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. The ChartMarker represent individual data points and their values, while the ChartCrosshairSettings enhances data tracking by displaying exact values at the nearest data point when hovering over the chart.Additionally, the HighlightCategory property in the crosshair highlights the entire category range on hover.

Tooltip is enabled in this example. To see a tooltip in action, 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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE