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 |