DocsData & ChartsBar Chart

Bar Chart

Data

Income vs expenses bar chart card with dual-bar or single-value modes.

Import

import { FqBarChartCard } from '@/components/harlowui/data/fq-charts'

Income

Expenses

-8.2%

Prop	Type	Default	Description
`title`*	`string`	-	Chart card title
`data`*	`FqBarDataPoint[]`	-	Array of data points ({ label, income, expenses } or { label, value })
`change`	`number`	-	Percentage change indicator
`height`	`number`	`200`	Chart height in pixels