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

Pdf.margin

configuration

Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default).

pdf.margin

Object

<div id="chart" style="width: 600px; height: 400px;"></div>
<script>
  $("#chart").kendoChart({
      pdf: {
          margin: {
              left: 10,
              right: "10pt",
              top: "10mm",
              bottom: "1in"
          }
      },
      legend: {
          position: "bottom"
      },
      series: [
          { name: "Series 1", data: [1, 2, 3] },
          { name: "Series 2", data: [3, 4, 5] }
      ]
  });

  var chart = $("#chart").getKendoChart();
  chart.saveAsPDF();
</script>

pdf.margin.bottom

Number|String

The bottom margin. Numbers are considered as "pt" units.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  pdf: {
    margin: {
      bottom: 20
    }
  },
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>

pdf.margin.left

Number|String

The left margin. Numbers are considered as "pt" units.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  pdf: {
    margin: {
      left: 15
    }
  },
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>

pdf.margin.right

Number|String

The right margin. Numbers are considered as "pt" units.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  pdf: {
    margin: {
      right: 15
    }
  },
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>

pdf.margin.top

Number|String

The top margin. Numbers are considered as "pt" units.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  pdf: {
    margin: {
      top: 15
    }
  },
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>