使用FeathersJS+ExcelJS导出Excel图表时遇worksheet.addChart is not a function错误怎么办？

错误原因 #

ExcelJS官方核心库不提供直接创建图表的API，addChart根本不是Worksheet对象的内置方法，你代码里的写法混淆了其他Excel处理库的API逻辑，这就是报错的核心原因。

解决方案 #

要在Excel里生成图表，得结合专门的扩展库或者调整实现逻辑，下面是两种可行方案：

方案1：用exceljs-charts扩展库实现原生图表 #

这个库是ExcelJS的官方扩展，专门用来添加图表，步骤如下：

1. 先安装扩展包

npm install exceljs-charts --save

2. 修改代码，先把数据写入工作表，再基于已有数据创建图表：

async create(data, params) {
  console.log(data);
  const { filename } = data;

  // 引入带图表扩展的ExcelJS
  const ExcelJS = require('exceljs-charts');
  const workbook = new ExcelJS.Workbook();

  // 遍历处理每个工作表
  for (const sheetName in data) {
    if (sheetName !== 'filename') {
      const sheetData = data[sheetName];
      const worksheet = workbook.addWorksheet(sheetName);

      if (sheetData.chart) {
        // 先把图表需要的数据写入工作表
        worksheet.getCell('A1').value = 'Name';
        worksheet.getCell('B1').value = 'Value';
        
        sheetData.chart.forEach((item, index) => {
          worksheet.getCell(`A${index + 2}`).value = item.name;
          worksheet.getCell(`B${index + 2}`).value = item.value;
        });

        // 基于已写入的数据范围创建柱状图
        worksheet.addChart('bar', `A1:B${sheetData.chart.length + 1}`, {
          title: sheetData.chart.title,
          name: sheetName,
          position: {
            tl: { col: 5, row: 1 },
            br: { col: 15, row: 20 }
          }
        });
      }
    }
  }

  // 保存Excel文件
  const filePath = `./public/${filename}.xlsx`;
  await workbook.xlsx.writeFile(filePath);

  return { path: filePath };
}

方案2：生成图表图片插入Excel（不依赖扩展库） #

如果不想额外装扩展，可以用chart.js生成图表图片，再插入到Excel里：

1. 安装依赖包

npm install chart.js canvas --save

2. 修改代码逻辑：

const { Chart, registerables } = require('chart.js');
const { createCanvas } = require('canvas');
Chart.register(...registerables);

async create(data, params) {
  console.log(data);
  const { filename } = data;

  const workbook = new ExcelJS.Workbook();

  for (const sheetName in data) {
    if (sheetName !== 'filename') {
      const sheetData = data[sheetName];
      const worksheet = workbook.addWorksheet(sheetName);

      if (sheetData.chart) {
        // 写入图表数据到工作表
        worksheet.getCell('A1').value = 'Name';
        worksheet.getCell('B1').value = 'Value';
        
        const labels = [];
        const values = [];
        sheetData.chart.forEach((item, index) => {
          labels.push(item.name);
          values.push(item.value);
          worksheet.getCell(`A${index + 2}`).value = item.name;
          worksheet.getCell(`B${index + 2}`).value = item.value;
        });

        // 用chart.js生成柱状图图片
        const canvas = createCanvas(800, 600);
        const ctx = canvas.getContext('2d');
        new Chart(ctx, {
          type: 'bar',
          data: {
            labels: labels,
            datasets: [{
              label: sheetData.chart.title,
              data: values,
              backgroundColor: 'rgba(54, 162, 235, 0.2)',
              borderColor: 'rgba(54, 162, 235, 1)',
              borderWidth: 1
            }]
          },
          options: {
            responsive: true,
            scales: {
              y: { beginAtZero: true }
            }
          }
        });

        // 将图片插入工作表指定位置
        const imageBuffer = canvas.toBuffer('image/png');
        const imageId = workbook.addImage({
          buffer: imageBuffer,
          extension: 'png',
        });
        worksheet.addImage(imageId, {
          tl: { col: 5, row: 1 },
          br: { col: 15, row: 20 }
        });
      }
    }
  }

  const filePath = `./public/${filename}.xlsx`;
  await workbook.xlsx.writeFile(filePath);

  return { path: filePath };
}

关键提醒 #

• 别混淆不同Excel库的API：ExcelJS核心只负责处理数据、样式和基础Excel结构，图表属于高级功能，需要额外工具支持。
• 不管用哪种方案，都要先把图表依赖的数据写入工作表，再基于数据创建图表或图表图片。

内容的提问来源于stack exchange，提问作者Nwp _