여기 PDF 파일 만 내보내려면 anglejs 코드가 있지만 맞춤 로고를 사용하여 내보낼 수 있습니다. 이 질문에 대한 도움이 필요하십니까? 내 검도 차트 HTML 코드는 여기에 있습니다 :angularJS 로고가 포함 된 PDF로 검도 차트 내보내기

<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을 사용하여 로고를 추가하십시오.

나는 차트의 왼쪽 상단 근처에 임의의 이미지를 추가하고 데모에서

DEMO

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); 
}

출처

2016-08-16 11:04:48 ezanker

angularJS 로고가 포함 된 PDF로 검도 차트 내보내기

답변

DEMO

관련 문제