Android

The Android renderer draws on a Jetpack Compose Canvas. Put explicit Android imports in *.android.tsx files.

tsx
import { Chart, zyplot } from '@hzblj/zyplot/android'

const chart = zyplot(z => ({
  categories: ['Basic', 'Pro', 'Team'],
  series: [z.series({ id: 'spend', label: 'Spend', values: [42, 68, 53] })],
  xAxis: { labelOverflow: 'ellipsis' },
}))

export function Spend() {
  return <Chart.Bar {...chart} />
}

Android-only charts

Waterfall explains a running total. Lollipop is a lighter category comparison.