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="stock-chart" style="width: 600px; height: 400px;"></div>
<script>
  $("#stock-chart").kendoStockChart({
      pdf: {
          margin: {
              left: 10,
              right: "10pt",
              top: "10mm",
              bottom: "1in"
          }
      },
      series: [{
        type: "line",
        field: "value",
        categoryField: "date",
        data: [
          { value: 1, date: new Date(2012, 1, 1) },
          { value: 2, date: new Date(2012, 1, 2) }
        ]
      }]
  });

  var chart = $("#stock-chart").getKendoStockChart();
  chart.saveAsPDF();
</script>

pdf.margin.bottom

Number|String

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

Default: 0

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    pdf: {
        margin: {
            bottom: 20
        }
    },
    dataSource: {
        data: [{
            date: new Date(2016, 0, 1),
            close: 41
        }, {
            date: new Date(2016, 0, 2),
            close: 42
        }]
    },
    series: [{
        field: "close",
        name: "Price"
    }]
});
</script>

pdf.margin.left

Number|String

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

Default: 0

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    pdf: {
        margin: {
            left: 15
        }
    },
    dataSource: {
        data: [{
            date: new Date(2016, 0, 1),
            close: 41
        }, {
            date: new Date(2016, 0, 2),
            close: 42
        }]
    },
    series: [{
        field: "close",
        name: "Price"
    }]
});
</script>

pdf.margin.right

Number|String

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

Default: 0

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    pdf: {
        margin: {
            right: 25
        }
    },
    dataSource: {
        data: [{
            date: new Date(2016, 0, 1),
            close: 41
        }, {
            date: new Date(2016, 0, 2),
            close: 42
        }]
    },
    series: [{
        field: "close",
        name: "Price"
    }]
});
</script>

pdf.margin.top

Number|String

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

Default: 0

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    pdf: {
        margin: {
            top: 30
        }
    },
    dataSource: {
        data: [{
            date: new Date(2016, 0, 1),
            close: 41
        }, {
            date: new Date(2016, 0, 2),
            close: 42
        }]
    },
    series: [{
        field: "close",
        name: "Price"
    }]
});
</script>