Bar chart

A bar chart is the alternate timeseries variant for a hosted event embed. Use it when discrete bucket-by-bucket comparison matters more than a continuous trend line.

Code


<ChirpierChart
  eventId="event_id"
  shareToken="share_token"
  state={{
    view: "timeseries",
    variant: "bar",
    range: "1w",
    aggregate: "average",
    compare: true,
  }}
/>

Additional properties

Configure a bar chart by setting state.view to timeseries and state.variant to bar.

Supported options:

state.range: 1h, 1d, 1w, 1m
state.aggregate: sum or average
state.compare: true to show previous-period comparison
state.header: false to hide the hosted event header
theme: light, dark, system
autoResize or resizeMode: control iframe sizing behavior