Developer D3 API
Chart.Bar
js
import { Chart } from '@semcore/ui/d3-chart';import { Chart } from '@semcore/ui/d3-chart';BarChartProps
BaseChartProps<> & {...}| Name | Type | Description |
|---|---|---|
| groupKey | string | |
| xScale | ScaleBand<any> | ScaleTime<anyany> | |
| yScale | ScaleLinear<anyany> | |
| type | "stack" | "group" | |
| trend | Record<[]> |
Bar
js
import { Bar } from '@semcore/ui/d3-chart';import { Bar } from '@semcore/ui/d3-chart';BarProps
& {...}| 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 |
| color | string | Line color |
| hide | boolean | Element hide property |
| duration | number | Animation duration in ms |
| r | number | number[] | Radius of curvature |
| hMin | number | Minimal height |
| onClick | (data: {[key: string]:string | number}, event: ) => void | Bar click handler |
| transparent | boolean | Enables element transparency |
| maxBarSize | number | The maximum width of each Bar |