Fuel lollipop

Lollipop chart for fueling timeline. Shows intake events as circles on stems.

Primitive: ChartFuelLollipop

Interactive demo

Usage

import { ChartRoot, ChartFuelLollipop } from '@ramtt/charts'

<ChartRoot data={fuelData} height={120}>
  <ChartFuelLollipop />
</ChartRoot>

Props

PropTypeDefaultDescription
datareadonly number[]Override data
classNamestringSVG class