在将剑道图表转换为 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" }
        }],