Docs/Line Chart

Line Chart

Line charts for tracking trends and comparing multiple series.

Installation

tsx

1import { StormLineChart } from '@storm-ds/ui/charts'
2
3# Requires recharts peer dependency
4pnpm add recharts

tsx

1import { StormLineChart } from '@storm-ds/ui/charts'
2
3<StormLineChart data={data} categories={['revenue']} index="month" />

tsx

1<StormLineChart
2  data={data}
3  categories={['revenue', 'expenses', 'profit']}
4  index="month"
5/>

tsx

1<StormLineChart
2  data={data}
3  categories={['revenue']}
4  index="month"
5  curved={false}
6/>

Bar Chart

Pie Chart