reactjs - PptxGenJS 添加图表不显示

Question

我正在使用PptxGenJS处理导出功能。即使使用来自官方 Github 上演示源代码的基本示例代码，它也不起作用。我正在使用导出图表。

我的步骤：

• 安装 PptxGenJS 并像普通的 npm 包一样导入。
• 从官方演示复制代码： slide.addChart( pptx.charts.BAR, arrDataRegions, optsChartBar1 );

结果：

• 图表在导出的滑块中不显示任何内容。
• 使用 Microsoft Powerpoint 2013 打开，它显示一些类似于此问题的错误。
• 我的 codesanbox更糟糕的是，没有下载任何文件。

我值得注意的软件包版本：

"react": "^16.13.1",
"pptxgenjs": "^2.6.0",

我的环境版本：

• 节点版本：v10.17.0
• npm 版本：v6.11.3
• Windows 10 专业版 1903，操作系统版本18362.1082

这两个版本Pptxgenjs都不起作用。对此有什么想法吗？感谢您的任何想法。我放弃了这个图书馆。

标签： reactjspptxgenjs

Answer 1

也许区分大小写。将您的 BAR 更改为 bar，如下所示，

import pptxgen from "pptxgenjs";

let pres = new pptxgen();
let slide = pres.addSlide();
let dataChartAreaLine = [
            {
                name: "Actual Sales",
                labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
                values: [1500, 4600, 5156, 3167, 8510, 8009],
            },
            {
                name: "Projected Sales",
                labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
                values: [1000, 2600, 3456, 4567, 5010, 6009],
            },
        ];

        slide.addChart(pres.ChartType.bar, dataChartAreaLine, { x: 2, y: 2, w: 6, h: 3, showLegend: true });

pres.writeFile("Sample Presentation.pptx");