這裏是我的angularjs代碼，只導出pdf，但我想用自定義徽標導出。對這個問題有什麼幫助？我的劍道圖HTML代碼是在這裏：將kendo圖表導出到pdf中，並在angularJS中添加徽標

<div kendo-chart="vm.chart" 
       k-options="vm.chartOptions" 
       k-data-source="vm.chartOptions.datasource"> 
      </div>

和導出按鈕的代碼是在這裏..

vm.saveAsPdf = function (event) { 
    var elem ; 
    if (navigator.userAgent.indexOf("Chrome") !== -1) { 
     elem = event.toElement; 
    } 
    else { 
     elem = event.currentTarget; 
    } 
    //$(elem).parent().next().find('.k-chart').getKendoChart().saveAsPDF(); 
    debugger; 
    var chart = $(".k-chart").getKendoChart(); 

    var fileName = $(elem).closest('li').children().find('.ng-binding').text().trim(); 
    chart.exportPDF({ paperSize: "auto", margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" } }).done(function (data) { 
     kendo.saveAs({ 
      dataURI: data, 
      fileName: fileName + ".pdf" 
     }); 
    }); 
}

來源

2016-08-12 GoPaL Sharma

請問您可以在http://dojo.telerik.com上創建一個小提琴，也可以在數據中收到什麼？ –

您只需要在導出的PDF上或者所有時間都使用該徽標？ – ezanker

@Ezanker - 視情況而定。在出口pdf或在圖表上顯示時，任何事情都會被接受。請提供解決方案。 –

使用圖表的render event要繪製它的表面上，一旦圖已經呈現。

然後使用Kendo Drawing Image添加徽標。

render: function(e){ 
    var chart = e.sender; 
    var draw = kendo.drawing; 
    var geom = kendo.geometry; 

    var rect = new geom.Rect(
     [50, 0], // Position of the top left corner 
     [400, 60] // Size of the rectangle 
    ); 
    var image = new draw.Image("https://www.w3.org/Icons/SVG/svg-logo-h.svg", rect); 
    chart.surface.draw(image); 
}

DEMO

在我圖的左上角附近增加一個隨機圖像演示。

來源

2016-08-16 11:04:48 ezanker

將kendo圖表導出到pdf中，並在angularJS中添加徽標

回答

DEMO

相關問題