Histogram is based on Bar chart, but has slightly different settings.

TIP

Note that Histogram and Bar chart are used in different cases. Refer to Histogram vs. Bar chart for more information.

D3 chart

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

Chart.Histogram

For Horizontal view, use invertAxis={true}.

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

HistogramChartProps

BaseChartProps<> & {...}

Name	Type	Description
groupKey	string	Field name that groups the data points
xScale	ScaleBand<any> | ScaleTime<any, any>	Custom x-axis scale
yScale	ScaleLinear<any, any>	Custom y-axis scale

Bar

Properties of a single Histogram bar are the same as in Bar chart.