Charts - Pie & Donut Playground

Interactive playground for pie and donut charts to experiment with props and configuration live.

#Usage

import { ChartPie, ChartSvg, ChartTooltip } from '@primeui/vue-chart';
<ChartSvg>
    <ChartPie :data="data" category-field="label" value-field="value" />
    <ChartTooltip />
</ChartSvg>

Use the playground to compare slice radius, donut radius, sorting, labels, and gauge-like angles. Use the overview pages for guidance on which circular chart shape fits the data.

#Playground

Loading Demo...