Question

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

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

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

我试过幻影js但是我不清楚如何让它在当前用户已经登录并在dashbaord页面上点击并点击导出到pdf按钮的上下文中工作。

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

以前有人试过吗？请hlp。

感谢。

Answer 1

这个JS代码导出所有呈现给容器元素的ID＆＃39; your_container_with_charts_inside＆＃39;图表到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

如何将kendo-chart导出为pdf

1 个答案: