Line chart

A line chart is the default timeseries variant for a hosted event embed. Use it when you want to emphasize trend and rate-of-change over time.

Code


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

Additional properties

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

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