Blazor Toolkit
Default Tooltip

By default, tooltips are disabled in the Chart. To enable them and display data details when hovering over data points, set the Enable property to true in the ChartTooltipSettings component. Once enabled, the tooltip displays the X and Y values of the corresponding data point.

Shared Tooltip

The shared tooltip displays information from all visible series at a single X‑value. To enable this behavior, set the Shared property to true in the ChartTooltipSettings component. This is useful when comparing values across multiple series in the same category.

Custom Tooltip Content

Custom tooltip content allows you to define your own layout and text using a tooltip format. By using the Format property in ChartTooltipSettings, additional data fields and custom labels can be included inside the tooltip, providing more meaningful information to users.

Format The Tooltip

The tooltip content can be formatted using predefined placeholder values in the Format property. These placeholders help customize how data values are displayed without using a full template, making it easier to control the tooltip text format.

Tooltip Header

The tooltip header allows you to display a title above the tooltip content. By enabling ShowHeaderLine in ChartTooltipSettings, you can show a separating line for the header. This is commonly used to show the X‑axis value, providing better context for the displayed data points and improving readability.

Render Custom Visuals

Custom visuals such as icons, images, or styled elements can be rendered inside the tooltip using the Template property in ChartTooltipSettings. This enables visually rich tooltips and helps in presenting data more effectively in dashboards and reports.

Customize Tooltip Appearance

The appearance of the tooltip can be customized using available styling properties. You can control background color, text style, border, and opacity using properties like Fill, ChartTooltipTextStyle, and ChartTooltipBorder in ChartTooltipSettings to match the application theme and enhance the overall user experience.

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.