jquery - 将剑道图表转换为 pdf 时，它会在 pdf 图表上绘制线条

Question

这是我的jquery函数，我在其中获取kendo图表div元素并将其转换为dataUrl后将其附加到字符串，问题是当我将其转换为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);

        }

Answer 1

当您已经在剑道图表中实现渐变时，就会发生这种情况，只需删除渐变即可，例如

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