Charts - Line & Area Playground

Interactive playground for line and area charts to experiment with props and configuration live.

#Usage

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

Use the playground to compare line, area, stacked, and range settings without leaving the docs. Start with the overview page when you need the stable production structure.

#Playground

Loading Demo...