2016-11-29 2 views
2

это моя функция jquery, в которой я получаю элемент div диаграммы кендо и добавляю его в строку после преобразования его в dataUrl, проблема заключается в том, что когда я конвертирую его в 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

это произошло, когда вы уже реализовать градиент в кэндо графиках, просто вам нужно удалить градиент например

series: [{ 
      overlay: { gradient: "none" } 
     }], 
Смежные вопросы