Bar

SingleUp/Down
07:46:2542.7200
-20020406080100
07:40:0007:41:0007:42:0007:43:0007:44:0007:45:0007:46:00
Stacked4 layers
07:46:2576.000062.000029.000021.0000
050100150200250
07:40:0007:41:0007:42:0007:43:0007:44:0007:45:0007:46:00
Series 1
Series 2
Series 3
Series 4

Demo

ModeStream mock data vs. static snapshot
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

TooltipOn hover
Info barSeries values above the chart
CrosshairVertical + horizontal cursor lines
import {
  BarSeries,
  ChartContainer,
  Crosshair,
  InfoBar,
  Legend,
  Tooltip,
  XAxis,
  YAxis,
  catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
  <BarSeries
    data={layers}
    options={{
    barWidthRatio: 0.6,
    stacking: 'normal',
    cornerRadius: 4,
  }}
  />
  <InfoBar />
  <Tooltip />
  <Crosshair />
  <YAxis />
  <XAxis />
  <Legend />
</ChartContainer>