PptxGenJS添加图表不显示任何内容

时间:2020-09-24 05:11:09

标签: reactjs pptxgenjs

我正在使用PptxGenJS使用导出功能。 即使使用官方Github上的演示源代码中的基本示例代码也无法使用。我正在处理出口图表。

我的步骤:

  • 安装PptxGenJS并像普通的npm包一样导入。
  • official demo复制代码: slide.addChart( pptx.charts.BAR, arrDataRegions, optsChartBar1 );

结果:

  • 图表在导出的滑块中不显示任何内容。
  • 使用Microsoft Powerpoint 2013打开时,显示与this question类似的错误。
  • My codesanbox更糟糕的是,没有文件下载。

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

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

我的环境版本:

  • 节点版本:v10.17.0
  • npm版本:v6.11.3
  • Windows 10 Pro 1903,操作系统内部版本18362.1082

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

1 个答案:

答案 0 :(得分:0)

可能区分大小写。将您的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");