Chart renders time-series data across multiple date range types (3 days, 5 work days, 7 week days, 12 months) with up to 3 data series and RTL support.
Loading demo: chart-real-world
npx sdaia-ui@latest add chart
import { Chart } from "@/components/ui/chart"<Chart type="12-months" series={1} />Chart showing data in default variant.
Loading demo: chart-default
Chart displaying data in different types of formats e.g 3 days, 5 days, 1 week, 12 months.
Loading demo: chart-types
Chart comparing Series 1 and Series 2 on 5 working days
Loading demo: chart-trends
Chart with multiple data series plotted simultaneously.
Loading demo: chart-layers
Props for the BarChart component.
Prop | Type | Default | Required |
|---|---|---|---|
xAxisData | '3 Days' | '5 Work Days' | '7 Week Days' | '12 Months' | '3 Days' | optional |
seriesCount | 1 | 2 | 3 | 1 | optional |
groups | BarChartDataPoint[] | - | optional |
yAxisValue | '3' | '6' | '9' | '3' | optional |
height | number | - | optional |
rtl | boolean | false | optional |