首页 > 解决方案 > 无法在 PDF 下载中获取图表

问题描述

Html 页面中有 3-4 个图表,我有一个PDF 下载按钮,单击下载按钮获取 pdf 文件,因为我们无法获取图表。我们使用剑道绘图来下载 Pdf

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

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

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

标签: angularjshighcharts

解决方案


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

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

$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");
    });
}

推荐阅读