Blazor Toolkit
Overview

Annotations allow you to place custom content such as text, HTML, or SVG elements at specific data points or pixel coordinates in a Chart. elements at specific data points or pixel coordinates in a Chart using the ChartAnnotation component. This example demonstrates adding tooltip-style annotations to highlight important regions in a speed data plot. important regions in a speed data plot by configuring the X and Y properties.

Points

Point annotations allow you to place custom content at specific data points in the Chart. This example demonstrates callout-style data points in the Chart by setting the CoordinateUnits property to Units.Point. This example demonstrates callout-style annotations positioned at known peak and transition months in all-India monthly rainfall data.

Pixel

Pixel-based annotations allow you to position custom content at fixed locations within the Chart area using pixel or percentage values. locations within the Chart area using pixel or percentage values by setting the CoordinateUnits property to Units.Pixel. This example demonstrates adding a watermark-style annotation positioned at the center of the Chart using pixel coordinates.

Alignment

Alignment properties allow you to control how annotation content is positioned relative to its anchor point. This example demonstrates horizontal and vertical alignment options applied to annotations highlighting maximum, minimum, and relative to its anchor point using the HorizontalAlignment and VerticalAlignment properties. This example demonstrates horizontal and vertical alignment options applied to annotations highlighting maximum, minimum, and average values in a time series.

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.