如何将剑道图表导出为pdf答案

【问题标题】：how to export kendo-chart to pdf如何将剑道图表导出为pdf
【发布时间】：2014-11-18 14:32:46
【问题描述】：

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

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

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

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

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

以前有人试过吗？请帮忙。

谢谢。

【问题讨论】：

在最近的版本中，剑道将这些功能添加到他们的控件中method 1 method 2

标签： kendo-chart

【解决方案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

【讨论】：