Charts - Histogram Playground

Interactive playground for histogram charts to experiment with binning, reduction, and styling live.

#Usage

import { ChartHistogram, ChartHover, ChartLegend, ChartOverlap, ChartStacked, ChartSvg, ChartTooltip, ChartXAxis, ChartYAxis } from '@primeui/vue-chart';
<ChartSvg>
    <ChartHistogram :data="data" bin-x-field="ms" :bins="10" />
    <ChartXAxis />
    <ChartYAxis />
    <ChartTooltip />
</ChartSvg>

Use the playground to compare bin rules against fixed counts and widths, switch the reducer, and adjust orientation, arrangement, and sizing. Use the overview page for the production-ready structure and API notes.

#Playground

Loading Demo...