kendo-chart - 如何将剑道图表导出为pdf

Question

我正在使用 kendo 数据可视化 api 来呈现带有图表的仪表板页面

用户在触发 ajax 调用并在此仪表板页面上绘制图表的页面上进行了一些选择。

我需要添加将带有多个图表的仪表板页面导出为 pdf 的功能

我尝试了 phantom js，但不清楚如何使其在当前用户已经登录并在 dashbaord 页面上并单击导出到 pdf 按钮的上下文中工作。

我的 Web 层使用的是 asp.net 3.5，我不想在我的项目中混合 kendo 网站上发布的 mvc.dll 解决方案。

有没有人试过这个？请帮忙。

谢谢。

Answer 1

此 JS 代码将所有呈现到 ID 为“your_container_with_charts_inside”图表的容器元素导出为 PDF：

$( document ).ready(function() {

    var $element = $('#your_container_with_charts_inside');

    kendo.drawing.drawDOM($element)
    .then(function (group) {
        return kendo.drawing.exportPDF(group, {
            paperSize: "auto",
            margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
        });
    })
    .done(function (data) {
        kendo.saveAs({
            dataURI: data,
            fileName: "export.pdf",
        });
    });

});

您也可能想查看Chart API / PDF Export demo