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

这是我的jquery函数，我在其中获取kendo chart 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);

        }

函数Reportmodal（）{
var depbar=$（“#depbar”）.data（“kendoChart”）；
var depbardataUrl=depbar.imageDataURL（）；
//用于附加图表
字符串+=“”；
源=字符串；
SpecialElementHandler={
“#绕过我”：函数（元素、渲染器）{
返回true；
}
};
边距={
排名：80，
底数：60，
左:40,，
宽度：522
};
doc.fromHTML(
source，//HTML字符串或DOM元素引用。
margins.left，//x坐标
margins.top，{//y坐标
“宽度”：margins.width，//PDF上内容的最大宽度
“elementHandlers”：specialElementHandlers
},
功能（处置）{
doc.save（'Report.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);

        }

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