一键使用pptxgenjs和chartjs即可导出图表

时间:2019-02-04 12:19:19

标签: javascript node.js express charts pptxgenjs

我正在使用节点,表示要创建一个Web仪表板,并使用ChartJS创建我的图表。现在,我想一键式将它们导出到PowerPoint中(1页可以有6-10张图形/图表)

我看到推荐使用PPTxGen JS进行PPT导出,但是我不知道如何与现有的chartJs连接。

可以帮忙吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以添加一个调用函数的按钮,该按钮将获取画布对象,然后可以获取画布的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>