Skip to content

Line chart

D3 chart

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

Chart.Line

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

LineChartProps

BaseChartProps<> & {...}
NameTypeDescription
groupKeystring
areaRecord<, []>
xScaleScaleLinear<any, any> | ScaleTime<any, any>
yScaleScaleLinear<any, any>
showDotsboolean
curve
areaCurve

Line

It have children components Dots, Null.

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

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

LineProps

& {...}
NameTypeDescription
xstring Field name from `data` array item for the XAxis
ystring Field name from `data` array item for the YAxis
colorstring Line color
hideboolean Element hide property
curve Curve method
durationnumber Animation duration in ms
transparentboolean Enables element transparency
patterns Enables charts patterns that enhances charts accessibility

Released under the MIT License.

Released under the MIT License.