All Demos / Stock Chart / Spline Area

Blazor Stock Chart with Spline Area 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 sample uses a Spline Area series to visualize stock prices with a filled, smoothed line. Crosshair reveals value and period details during interaction.

Configuration:

  • Set the series Type to SplineArea to render a filled spline
  • Spline area combines smooth curve visualization with magnitude emphasis
  • Enable SnapToData on the crosshair to lock to the nearest data point for precise reads

Interaction: Crosshair is enabled for detailed inspection. For additional series guidance, see the series types documentation.