All Demos / Charts / Line Charts / Spline

Blazor Spline Chart Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

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.