Skip to content

Chart.js in Node.js

To render charts with Chart.js on Node.js, you’ll need the canvas package, which requires several system libraries to build.

Install system dependencies

Debian/Ubuntu

1
2
3
4
5
6
7
8
9
sudo apt-get update
sudo apt-get install -y \
  build-essential \
  libcairo2-dev \
  libpango1.0-dev \
  libjpeg-dev \
  libgif-dev \
  libpng-dev \
  librsvg2-dev

macOS

Requires: Homebrew

1
brew install pkg-config cairo pango libpng jpeg giflib librsvg

Dependency overview

Library Purpose
cairo 2D graphics rendering
pango Text rendering
libpng PNG support
jpeg JPEG support
giflib GIF support
librsvg SVG support (optional)
build tools (build-essential/pkg-config) Compilers and flags management

Managing the canvas package

  • Rebuild canvas if you encounter runtime errors, especially after dependency or environment changes.
1
2
3
cd node_modules/.pnpm/canvas@3.2.0/node_modules/canvas
npm install -g node-gyp
pnpm exec node-gyp rebuild