All Demos / Charts / Chart Customization / Marker Chart

Blazor Marker 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 sample illustrates internet usage statistics across different countries over several years, with data points annotated using symbols in a line-based series.

Each data point in a series can be represented by a symbol marker. Customize the appearance of markers using the ChartMarker class to control:

  • Shape of the symbol (circle, square, diamond, etc.)
  • Size of the marker
  • Color and border properties

Tooltip is enabled in this example. To see tooltip information, hover over or tap on a data point on touch-enabled devices.

More information about markers can be found in this documentation section.