BcBubbleChart
Description
The BcBubbleChart component displays data as circles with variable sizes, ideal for visualizing three dimensions of data (X, Y, and Size). It supports multiple data series, interactive bubble hovering, tooltips, and customizable styling options.
Demo
Show Grid
Show Labels
Show Bubble Labels
Show Legend
Show X Axis
Show Y Axis
Sample Code
Parameters
Data
List < BcBubbleChartSeries >
List of data series to display in the chart. Each series contains a label, color, and list of points.
Options
BcBubbleChartOptions
Configuration options for the chart appearance and behavior.
ChildContent
List < BcBubbleChartSeries >
Optional render fragment for fully customizing the legend. Receives the chart's Data and, when provided, is rendered instead of the built-in legend.
BcBubbleChartOptions Properties
RenderWidth
int
BcBubbleChartPage.OptionsProperties.RenderWidth.Description
Height
int
The height of the chart canvas in pixels.
Style
string?
Additional CSS styles to apply to the chart container.
ShowXAxis
bool
Whether to display the X axis line.
ShowYAxis
bool
Whether to display the Y axis line.
AxisColor
string
The color of the axis lines.
AxisLineRenderWidth
double
The width of the axis lines.
ShowGrid
bool
Whether to display grid lines.
GridColor
string
The color of the grid lines.
ShowLabels
bool
Whether to display axis labels.
LabelColor
string
The color of the axis labels.
LabelFontSize
int
The font size of axis labels in pixels.
MinBubbleRadius
double
The minimum radius of bubbles in pixels.
MaxBubbleRadius
double
The maximum radius of bubbles in pixels.
BubbleOpacity
double
The opacity of bubbles (0-1).
HoverOpacity
double
The opacity of bubbles when hovered (0-1).
ShowBubbleLabels
bool
Whether to display labels inside bubbles.
ShowLegend
bool
Whether to display the legend.
LegendTextColor
string
The color of the legend text.
LegendFontSize
int
The font size of legend text in pixels.
PaddingLeft
double
Left padding of the chart area.
PaddingRight
double
Right padding of the chart area.
PaddingTop
double
Top padding of the chart area.
PaddingBottom
double
Bottom padding of the chart area.
Data Classes
Contains Label (string), Color (string), and Points (List<BcBubbleChartPoint>) properties.
Contains X (double), Y (double), Size (double), and optional Label (string?) properties.