Blazor Toolkit
Overview

The Blazor Bubble Chart visualizes data in three dimensions using X and Y values along with bubble size to represent an additional metric. It is ideal for comparing relationships and patterns between multiple variables in a single view. To create a bubble chart, set the Type property of ChartSeries to ChartSeriesType.Bubble and use the Size property to bind the bubble's radius to a data field.

Bubble With Various Colors

Blazor Bubble Charts support displaying bubbles in different colors to visually differentiate data points. Using multiple colors improves readability and helps users quickly identify groups or categories within the dataset. You can map colors to individual points using the PointColorMapping property of the ChartSeries component.

Data Label

Data labels display values or text directly on the bubbles, providing immediate insight without relying on axes or tooltips. Labels automatically adjust to avoid overlap and can be customized for clearer presentation. To display data labels, add the ChartDataLabel component inside the ChartMarker and set its Visible property to true.

Series Customization

The bubble series can be customized using properties such as color, opacity, border, and bubble size. These options help control visual emphasis and ensure the Chart aligns with application design requirements. Customize the series by setting properties like Fill, Opacity, MinRadius, and MaxRadius within the ChartSeries component.

{ _currentTheme = CurrentTheme; } }

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.