Data Visualization Modes

The Kendo UI Gauges, Charts, Barcodes, Diagrams, and Maps widgets support the SVG and Canvas rendering targets.

Mode Selection

The rendering mode is automatically chosen based on availability. The order is SVG > Canvas for all widgets rendering data visualization except for the Barcode and QRCode. These components do not require interactivity and default to Canvas rendering. You can set the preferred rendering mode in the renderAs option.

The following example demonstrates how to configure the preferred rendering mode to Canvas by using the renderAs option.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
    renderAs: "canvas",
    series:[{
        type: "line",
        data: [1, 2, 3, 4]
    }]
});
</script>

Including Only What You Need

You have to include at least one of the rendering modules which are available under the following separate files:

  • kendo.dataviz.svg(.min).js
  • kendo.dataviz.canvas(.min).js

For more information on adding only the functionalities you need in your project, refer to the articles on the jQuery dependency and export libraries dependencies.

Known Limitations

  • SVG—Impose no rendering limitations.
  • Canvas—Dashed lines are not supported in Internet Explorer.

See Also

In this article
Not finding the help you need? Improve this article