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

The rendering modules are available under the following separate files. You are required to include at least one of them.

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

The Canvas and SVG modules are required by the imageDataURL and svg methods.

For more information on how to add only the functionalities you want to your project, refer to the articles on the JavaScript dependencies and the Custom Download Builder (requires login).

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