Blazor BubbleChart component
Comprehensive API documentation for the Blazor BubbleChart component, including configuration options, parameters, methods, events, child component parameters, and model properties.
Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object> | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| ContainerClass | string | null | Gets or sets the CSS class name for the container element. | 1.0.0 | |
| ContainerStyle | string | null | Gets or sets the CSS style string applied to the container element. | 1.0.0 | |
| Height | int? | null | Gets or sets chart container height. | 1.0.0 | |
| HeightUnit | Unit | Px | Gets or sets chart container height unit of measure. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| IsContainerFluid | bool | False | Gets or sets a value indicating whether the container is fluid. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| Width | int? | null | Gets or sets chart container width. | 1.0.0 | |
| WidthUnit | Unit | Px | Gets or sets chart container width unit of measure. | 1.0.0 |
Methods #
| Name | Return type | Description | Added Version |
|---|---|---|---|
| AddDataAsync(char chartData,string dataLabel,char data) | Task<ChartData> | Asynchronously adds a new data entry to the specified chart data. | 1.0.0 |
| AddDataAsync(char chartData,string dataLabel,IReadOnlyCollection`1 data) | Task<ChartData> | Asynchronously adds a new dataset to the specified chart data. | 1.0.0 |
| AddDatasetAsync(char chartData,char chartDataset,char chartOptions) | Task<ChartData> | Asynchronously adds a dataset to the specified chart data. | 1.0.0 |
| InitializeAsync(char chartData,char chartOptions,string plugins) | Task | Asynchronously initializes the chart with the specified data and options. | 1.0.0 |
| UpdateAsync(char chartData,char chartOptions) | Task | Asynchronously updates the chart with the specified data and options. | 1.0.0 |
ChartData Properties #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Datasets | List<IChartDataset>? | null | Gets or sets the collection of datasets to be displayed in the chart. | 1.0.0 | |
| Labels | List<string>? | null | Gets or sets the labels for the chart, typically used for the x-axis or categories. | 1.0.0 |
BubbleChartDataset Properties #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Animation | char | null | Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes. | 1.2.0 | |
| BackgroundColor | List<string>? | rgba(0, 0, 0, 0.1) | The line fill color. | 1.1.0 | |
| BorderColor | List<string>? | rgba(0, 0, 0, 0.1) | The line color. | 1.1.0 | |
| BorderWidth | double | 3 | The line width (in pixels). | 1.1.0 | |
| Clip | string | null | How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} | 1.0.0 | |
| Data | List<TData>? | null | Get or sets the Data. | 1.0.0 | |
| Datalabels | BubbleChartDatasetDataLabels | new() | Gets or sets the data labels configuration for the bubble chart dataset. Use this property to customize the display of data labels, such as their position, formatting, and visibility, for the dataset in the bubble chart. | 1.1.0 | |
| DrawActiveElementsOnTop | List<bool>? | True | Draw the active points of a dataset over the other points of the dataset. | 1.1.0 | |
| Hidden | bool | False | Configure the visibility of the dataset. Setting Hidden to true will prevent the dataset from being rendered in the Chart. |
1.0.0 | |
| HitRadius | List<double>? | 1 | The pixel size of the non-displayed point that reacts to mouse events. | 1.1.0 | |
| HoverBackgroundColor | List<string>? | null | The line fill color when hovered. | 1.1.0 | |
| HoverBorderColor | List<string>? | null | The line color when hovered. | 1.1.0 | |
| HoverBorderWidth | List<double>? | 1 | The line width (in pixels) when hovered. | 1.1.0 | |
| HoverRadius | List<double>? | 4 | The pixel size of the non-displayed point that reacts to mouse events. | 1.1.0 | |
| Label | string | null | The label for the dataset which appears in the legend and tooltips. | 1.0.0 | |
| Oid | Guid | Guid.NewGuid() | Gets the unique object identifier for this dataset instance. This value is auto-generated when the dataset is created. | 1.0.0 | |
| Order | int | 0 | The drawing order of dataset. Also affects order for stacking, tooltip and legend. | 1.0.0 | |
| PointStyle | List<string>? | circle | Style of the point. Supported values are 'circle', 'cross', 'crossRot', 'dash', 'line', 'rect', 'rectRounded', 'rectRot', 'star', and 'triangle'. | 1.1.0 | |
| Radius | List<double>? | 3 | The radius of the point shape. If set to 0, the point is not rendered. | 1.1.0 | |
| Rotation | List<double>? | 0 | The rotation of the point in degrees. | 1.1.0 | |
| Type | string | null | Gets or sets the chart type. This value is auto-set based on the chart type. | 1.0.0 |
BubbleChartDatasetData Properties #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Data | object? | null | Gets the data value or values for the dataset. | 1.0.0 | |
| DatasetLabel | string? | null | Gets the label for the dataset this data belongs to. | 1.0.0 |
BubbleChartDatasetDataLabels Properties #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Alignment | DataLabelAlignment | Center | Gets or sets the data labels alignment. | 1.0.0 | |
| Anchor | DataLabelAnchor | Center | Gets or sets the data labels anchor. | 1.0.0 | |
| BackgroundColor | string | null | Gets or sets the data label background color. | 1.0.0 | |
| BorderColor | string | null | Gets or sets the data label border color. | 1.0.0 | |
| BorderWidth | double | 2 | Gets or sets the width of the border. | 1.0.0 | |
| DataLabelsAlignmentAsString | string? | null | Gets the data labels alignment as a string. | 1.0.0 | |
| DataLabelsAnchorAsString | string? | null | Gets the data labels anchor as a string. | 1.0.0 |
BubbleChartOptions Properties #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Animation | char | null | Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes. | 1.2.0 | |
| Locale | string? | By default, the chart is using the default locale of the platform which is running on. | Gets or sets the locale for the chart. | 1.0.0 | |
| MaintainAspectRatio | bool | True | Gets or sets a value indicating whether to maintain the original canvas aspect ratio (width / height) when resizing. | 1.0.0 | |
| Responsive | bool | True | Gets or sets a value indicating whether the chart canvas should resize when its container does. | 1.0.0 |