使用chartjs-node-canvas的CanvasRenderService生成Chart.js图表耗时过长

你遇到的35秒渲染耗时不属于chartjs-node-canvas的正常水平，你的Chart配置没有错误，问题出在底层图形依赖缺失或安装异常，正常该场景的单张图表渲染耗时应该在100~500ms区间。

从你提供的运行日志可以看出，耗时主要集中在CanvasRenderService实例化完成后到renderToBuffer执行完成的阶段，也就是底层Canvas渲染依赖的加载/执行环节，该环节卡顿基本都是系统依赖缺失导致的。

• 先安装系统级图形依赖：chartjs-node-canvas底层依赖node-canvas，需要系统预先安装cairo、pango等图形库，对应系统安装命令如下：
  • Debian/Ubuntu系统：sudo apt-get install build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev
  • macOS系统：brew install pkg-config cairo pango libpng jpeg giflib librsvg
  • Windows系统：需要先安装GTK2运行时环境，再重新安装Node侧依赖
• 重装项目Node依赖：删除项目下的node_modules文件夹、package-lock.json或yarn.lock文件，重新执行npm install
• 优化初始化逻辑：CanvasRenderService实例全局只需要初始化一次，不需要每次生成图表都新建实例，批量生成时复用同一实例可以大幅降低额外开销
• 备选方案：如果不想处理系统依赖问题，可以换用无系统依赖的轻量服务端图表生成方案，避免底层依赖带来的兼容性和性能问题。

内容的提问来源于stack exchange，提问作者Abhishek Soni