首页 > 解决方案 > 剑道图表 PDF/图像导出 - 特殊字符 html 解码问题

问题描述

我的代码正确显示 Kendochart。但是当我导出(pdf/image)图表时,< 和 > 符号没有被解码。显示为&lt;&gt;。请参阅 PDF 的屏幕截图。

这是代码:

$(document).delegate(".btnpdf", "click", function() {
  var chart = $("#chart").getKendoChart();
  chart.exportPDF({
    paperSize: "A5",
    landscape: true
  }).done(function(data) {
    kendo.saveAs({
      dataURI: data,
      fileName: "chart.pdf"
    });
  });
});

图例 PDF

标签: htmlkendo-uikendo-chart

解决方案


由于导出器不解码系列名称,因此您必须自己进行。

function decode (encoded) {
    return $.parseHTML(encoded)[0].textContent;
}

$(document).delegate(".btnpdf","click",function() {
       var chart = $("#chart").getKendoChart();

       // decode each series name
       chart.options.series.forEach(function(item){
            item.name = decode(item.name);
       });
       chart.refresh();


       chart.exportPDF({ paperSize: "A5", landscape: true }).done(function(data) {
        kendo.saveAs( 
        ... 

推荐阅读