Chart Specifications

Chart-Output uses a JSON specification compatible with Chart.js. All charts are rendered server-side.

Chart Types

line – Line chart
bar – Bar chart
pie – Pie chart
doughnut – Doughnut chart
radar – Radar chart
polarArea – Polar area chart

Output Formats

png – PNG image (default)
jpeg – JPEG image
svg – Scalable vector graphic
webp – WebP image (smaller file size)

Dimensions & Limits

Width/height: 100–4000 px (default 800×400)
Max labels: 1000
Max data points per dataset: 1000
Max datasets: 20

Dataset Options

Each dataset can include:

{
  "label": "Revenue",
  "data": [12000, 15000, 18000],
  "backgroundColor": "#3b82f6" | ["#3b82f6", "#10b981"],
  "borderColor": "#1d4ed8",
  "borderWidth": 2,
  "fill": true
}

Brand Kits

Pass brandKitId (UUID) to apply custom colors, fonts, grid style, and corner rounding from a saved brand kit.

Advanced Options

The options object is passed through to Chart.js. Use it for custom scales, plugins, and styling. Animations are disabled for server-side rendering.