Charts - Column & Bar Playground

Interactive playground for column and bar charts to experiment with props and configuration live.

#Usage

import { ChartBar, ChartStacked, ChartSvg, ChartTooltip, ChartXAxis, ChartYAxis } from '@primeui/vue-chart';
<ChartSvg>
    <ChartBar :data="data" category-x-field="month" value-y-field="revenue" />
    <ChartXAxis />
    <ChartYAxis />
    <ChartTooltip />
</ChartSvg>

Use the playground to compare orientation, sizing, grouping, stacking, and waterfall settings. Use the overview page for the production-ready structure and API notes.

#Playground

Loading Demo...