New to Kendo UI for jQuery? Start a free 30-day trial

SaveAsPDF

methods

Saves the Chart as a PDF file using the options specified in options.pdf.

Calling this method could trigger the browser built-in popup blocker in some cases. To avoid that always call it as a response to end-user action e.g. button click.

saveAsPDF

<!-- Load Pako ZLIB library to enable PDF compression -->
<script src="https://unpkg.com/pako/dist/pako_deflate.min.js"></script>
<button id="exportBtn">Export to PDF</button>
<div id="chart" style="width: 600px; height: 400px;"></div>
<script>
  $("#chart").kendoChart({
    pdf: {
      paperSize: "A4",
      landscape: true,
      margin: "2cm"
    },
    legend: {
      position: "bottom"
    },
    series: [
      { name: "Series 1", data: [1, 2, 3] },
      { name: "Series 2", data: [3, 4, 5] }
    ]
  });

  $("#exportBtn").on("click", function(){
    var chart = $("#chart").getKendoChart();
    chart.saveAsPDF();
  });
</script>