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.
BcBubbleChartOptions Properties
Width
int
The width of the chart canvas in pixels.
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.
AxisLineWidth
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.