Bar chart

D3 chart

For all common D3 chart properties, refer to D3 chart API.

import { Chart } from 'intergalactic/d3-chart';

import { Chart } from 'intergalactic/d3-chart';

BaseChartProps<> & {...}

Name	Type	Description
groupKey	string
xScale	ScaleBand<any> \| ScaleTime<any, any>
yScale	ScaleLinear<any, any>
type	"stack" \| "group"
trend	Record<, []>

import { Bar } from 'intergalactic/d3-chart';

import { Bar } from 'intergalactic/d3-chart';

& {...}

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
patterns		Enables charts patterns that enhances charts accessibility