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

Prevent Zoom in Diagram


Product Progress® Kendo UI® Diagram for jQuery
Created with version 2020.2.617


I am trying to disable zoom on a diagram I am building. I set the zoom property to 0 and it works. Unfortunately, it crashes the PDF export with the following error:

Cannot output NAN to PDF


The issue seems to be with values that are equal to or less than zero. I logged a public issue so we can fix this internaly. Menawhile, you can use the zoomRate property set to 0 instead.

    <button id="exportBtn">Export</button>
    <div id="diagram"></div>
        $("#exportBtn").on("click", function(){
            var diagram = $("#diagram").getKendoDiagram();
              paperSize: "A4",
              landscape: true
            }).done(function(data) {
                dataURI: data,
                fileName: "diagram.pdf"

          dataSource: {
            data: [{ "items": [{ items: [{}] }] }],
            schema: { model: { children: "items" } }
          layout: {
            type: "tree"
In this article