import { BarSeries } from '@wick-charts/react';
 
<BarSeries data={data} />

Renders bar/column layers. Supports stacked, percent-stacked, and overlapping modes via options.stacking. Bar width is computed from the data interval; tweak options.barWidthRatio if your bars look too tight or too sparse.

Renders bar/column layers. Supports stacked, percent-stacked, and overlapping modes via options.stacking. Bar width is computed from the data interval; tweak options.barWidthRatio if your bars look too tight or too sparse.

Props

data
TimePointInput[]
| TimePointInput[][]
| SeriesLayer<TimePointInput>
| SeriesLayer<TimePointInput>[]

Series data — omnivorous. A single-layer bar chart passes a flat TimePoint[]; a multi-layer one passes TimePoint[][]. To name/color a layer, pass { label, color?, data } (or an array of them). Time accepts ms or Date.

timenumber | Date

Unix milliseconds, or a Date (converted via getTime() internally).

valuenumber

Y-axis value at this point. Drives the line height / bar height.

options?Partial<BarSeriesOptions>

Visual options override — colours per layer, bar-width ratio, stacking, entrance animation, smoothing.

id?string

Stable series ID — same value across remounts.

visible?default trueboolean

Show/hide the series without unmounting it — excludes it from the Y-range fit and tooltip/legend. Default true. Live.