D3 chart

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

Chart.Line

import { Chart } from '@semcore/ui/d3-chart';

LineChartProps

BaseChartProps<> & {...}

Name	Type	Description
groupKey	string
area	Record<, []>
xScale	ScaleLinear<any, any> | ScaleTime<any, any>
yScale	ScaleLinear<any, any>
showDots	boolean
curve
areaCurve

Line

It have children components Dots, Null.

import { Line } from '@semcore/ui/d3-chart';

<Line>
  <Line.Dots />
  <Line.Null />
</Line>;

LineProps

& {...}

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
curve		Curve method
duration	number	Animation duration in ms
transparent	boolean	Enables element transparency
patterns		Enables charts patterns that enhances charts accessibility