时间戳

首页 > 解决方案 > 使用pptxgenjs和chartjs一键导出图表

javascript - 使用pptxgenjs和chartjs一键导出图表

问题描述

我正在使用 node，express 创建一个 Web 仪表板，并使用 ChartJS 创建了我的图表。现在我想一键将它们导出到PowerPoint中（1页可以有6-10个图表）

我看到 PPTxGen JS 被推荐用于在 PPT 中导出，但我不知道如何与我现有的 chartJs 连接。

请问可以帮忙吗？

提前致谢。

标签： javascriptnode.jsexpresschartspptxgenjs

解决方案

您可以添加一个调用函数的按钮，该按钮将获取画布对象，然后您可以获取画布的 dataUrl 并将其作为图像添加到您的 powerpoint。这是一个小例子：

<canvas id="myChart" width="400" height="400"></canvas>
<script>
    var canvas = document.getElementById('myChart').getCanvas();
    var dataUrl = canvas.toDataUrl();
    var pptx = new PptxGenJs();
    var slide = pptx.addNewSlide();
    slide.addImage({data: dataUrl});
    pptx.save("test.pptx");
</script>

推荐阅读