data@pdfcn-vue/graph

Graph

Chart wrapper (bar, line, area, pie, donut) over Forme chart primitives.

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/graph

Example

<Graph variant="bar" :series="series" :width="480" :height="220" />

Prop	Type	Default	Description
variant	'bar' \| 'horizontal-bar' \| 'line' \| 'area' \| 'pie' \| 'donut'	'bar'	Chart type.
series	GraphSeries[]	—	Named data series.
width	number	—	Chart width in points.
height	number	—	Chart height in points.
legend	'bottom' \| 'right' \| 'none'	'bottom'	Legend placement.

The gallery uses a shared document. Change its theme in the theme builder to compare tokens.

Graph in a document

Rendered with Forme in your browser.

Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Registry paths

Files installed under components/pdf.

Need the full template?

See blocks for invoices and reports composed from these primitives.