63732f1c47
* chore: adding changelog page * docs: cleanup --------- Co-authored-by: zernonia <zernonia@gmail.com>
1008 B
1008 B
| title | description | source | label |
|---|---|---|---|
| Bar | A line chart visually represents data using rectangular bars of varying lengths to compare quantities across different categories or groups. | apps/www/src/lib/registry/default/ui/chart-bar | Alpha |
Installation
Only works with Vue >3.3Run the following command
npx shadcn-vue@latest add chart-bar
Setup
Follow the guide to complete the setup.
API
Example
Stacked
You can stack the bar chart by settings prop type to stacked.
Rounded
Custom Tooltip
If you want to render custom tooltip, you can easily pass in a custom component. Refer to prop definition here.