Blazor Toolkit
Overview

Markers are used to highlight individual data points in a Chart series. This sample demonstrates markers enabled in a Line Chart to visualize year-wise values for China and the United States by setting the Visible property of the ChartMarker component to true.

Shape

The Shape property of the ChartMarker component is used to control the visual representation of markers. This example demonstrates different marker shapes applied to data points in a Line Chart using the ChartShape enum.

and setting the Shape property to ChartShapeImage.
Marker As Image

Markers can be rendered using custom images instead of built-in shapes. This example demonstrates displaying image-based markers for average monthly temperature values using the ImageUrl property of the ChartMarker component. of the ChartMarker component and setting the Shape property to ChartShape.Image.

Marker Customization

Marker customization allows you to control the appearance of markers by configuring properties such as Shape, Width, Height, Fill, and Border. This example demonstrates customized markers for minimum, average, and maximum monthly temperature values in a Line Chart by utilizing the ChartMarkerBorder component within the ChartMarker.

Filled Marker

Filled markers allow you to emphasize data points by applying a solid fill color to the marker shape. This example demonstrates filled circular markers applied to two line series representing yearly values for China and the United States. and the United States by setting the IsFilled property of the ChartMarker component to true.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.