2016-11-29 100 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" } 
     }],