无法在 PDF 下载中获取图表答案

【问题标题】：unable to get the charts in the PDF download无法在 PDF 下载中获取图表
【发布时间】：2019-03-29 09:52:50
【问题描述】：

一个 Html 页面中有 3-4 个图表，我在单击下载按钮时有一个 PDF 下载按钮，因为我们无法获取图表。我们已经使用剑道绘图下载了 Pdf

下面是我们尝试过的代码：

$scope.print = function(){
        kendo.drawing.drawDOM($("#page-Container")).then(function(group) {
            kendo.drawing.pdf.saveAs(group, "PdfDocumnet.pdf");
        });
}

或者任何其他框架都可以提供帮助？？

【问题讨论】：

使用自定义 PDF 下载按钮检查此示例。它无需任何框架即可工作。也许它会解决你的问题。 jsfiddle.net/BlackLabel/1o8mp4fL
好的，但是这里的场景是有多个图表。那我们该怎么做呢？？
通过创建更多图表并将它们作为参数添加到 exportCharts 函数。演示：jsfiddle.net/BlackLabel/2eym8Ldx
请分析一下：stackoverflow.com/questions/54761784/…

标签： angularjs highcharts

【解决方案1】：

不久前我遇到了类似的问题。据我记得，有些东西没有错误就崩溃了，而且承诺从未被调用过。

作为一种解决方法，我的一位同事首先想出了将聊天转换为图像的方法。

$scope.print = function(){
    kendo.drawing.drawDOM($("#page-Container")).then(function(group) {
       return kendo.drawing.exportImage(group);
    }).done(function (data) {
       // replace chart(s) with png version(s)
       $(".chat").replaceWith("<div class='.chart'><img src='" + date +"' /></div>");

       kendo.drawing.pdf.saveAs(data, "PdfDocumnet.pdf");
    });
}

【讨论】：