All Demos / Stock Chart / DateTime Category Axis

Blazor Stock Chart with DateTime Category Axis 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 demonstrates AAPL stock price visualization using a DateTimeCategory axis to minimize label overlap across business days and improve legibility for irregular date intervals.

Configuration:

  • Render a line series for price data
  • Set the X-axis to DateTimeCategory to display business-day sequences
  • Eliminates forced uniform spacing for variable date intervals
  • Automatically adjusts label positioning to prevent overlap

Interaction:

  • Crosshair is enabled for value/period inspection
  • Hover or tap to view synchronized information about selected data points

For more on axis options in the Stock Chart, see the documentation section.