2016-11-29 25 views
2

这是我的jquery函数,其中我得到剑道图div元素并将其附加到一个字符串转换为dataUrl后,该probelm是,当我将它转换为PDF转换后的pdf图片具有如图所示的某种线条。虽然转换剑道图表为pdf它在pdf图表上画线

function Reportmodal() { 
        var depbar = $("#depbar").data("kendoChart"); 
        var depbardataUrl = depbar.imageDataURL();       
     // for appending chart 
    string +="<img src= " + depbardataUrl + " height='300px' width='400px'></img>"; 
      source = string; 
        specialElementHandlers = { 
         '#bypassme': function (element, renderer) { 
          return true; 
         } 
        }; 
        margins = { 
         top: 80, 
         bottom: 60, 
         left: 40, 
         width: 522 
        }; 
       doc.fromHTML(
        source, // HTML string or DOM elem ref. 
        margins.left, // x coord 
        margins.top, { // y coord 
         'width': margins.width, // max width of content on PDF 
         'elementHandlers': specialElementHandlers 
        }, 
     function (dispose) { 

        doc.save('Report.pdf'); 
       }, margins); 

     } 

enter image description here

回答

2

这是当你已经在剑道图表实现梯度发生了,只是你需要删除梯度e.g

series: [{ 
      overlay: { gradient: "none" } 
     }],