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.