TimeseriesChart

Props

• aria-label
  string

  The chart's accessible name ("Requests by model").

• empty
  boolean

  Shows the empty state (emptyText) in place of the data. By default it shows when every value is 0.

• emptyText
  ReactNode

  What the empty state says. Defaults to "No data for this period" in the provider's language.

• error
  ReactNode

  The data failed to load: the chart keeps its height, says so quietly and offers Try again. Errors are toasts, so the value isn't shown; toast the message where the request fails.

• formatTime
  ((t: Date) => string)

  Names a point's time in the tooltip, the table and for screen readers, where a point stands for more than its instant: "Week of 3 Aug", "Aug 2026". The axis keeps its calendar ticks.

• formatValue
  ((v: number) => string) = (v) => formatNumber(v)

  Formats values on the axis and in the tooltip.

• height
  number = 240

  The plot's height in px (240 by default).

• hideLegend
  boolean

  Hide the legend (one series).

• highlight
  number

  Highlight a point in time as the pointer does, with the crosshair and tooltip: a linked view, or the states pages.

• kind
  "stacked" | "line" | "area" = line

  line draws lines (default), area adds a light fill under each line, and stacked stacks the areas.

• loading
  boolean

  The data is loading: the chart keeps its height and shows a quiet loading bar.

• onRetry
  (() => void)

  Called when Try again is pressed after error; without it, the button doesn't show.

• series
  TimeSeries[]

  The series, each with an id, a label, points of t (a time) and v, and an optional color.

• threshold
  { value: number; label: string; }

  A threshold line (a budget) in danger, dashed.