Developer D3 API
Chart.Bubble
js
import { Chart } from '@semcore/ui/d3-chart';import { Chart } from '@semcore/ui/d3-chart';BubbleChartProps
BaseChartProps<> & {...}| Name | Type | Description |
|---|---|---|
| groupKey | never | |
| xScale | ScaleLinear<anyany> | |
| yScale | ScaleLinear<anyany> |
Bubble
js
import { Bubble } from '@semcore/ui/d3-chart';
<Bubble />;import { Bubble } from '@semcore/ui/d3-chart';
<Bubble />;BubbleProps
& {...}| Name | Type | Description |
|---|---|---|
| x | string | Field name from `data` array item for the XAxis |
| y | string | Field name from `data` array item for the YAxis |
| value | string | Field name from `data` array item for the circle radius |
| label | string | Field name from `data` array item for the circle label |
| color | string | Circle color |
| markedCross | boolean | Cross in the center of the bubble |
| duration | number | Animation duration in ms |
| transparent | boolean | Enables element transparency |