Charts / Chart Customization / Marker Chart

Blazor Marker Chart Example.

Loading Syncfusion Blazor Server Demos…

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.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE