Kendo UI Docs

The main building blocks of the chart are:

• Title
• Legend
• Chart Area
• Plot Area
• Axes
• Series

The title location can be controlled with the position option of the title object. Available options are:

• "top"
• "bottom"

The legend position is also controllable. Supported position values:

• "top"
• "bottom"
• "left"
• "right"
• "custom"

Custom positioning is configured through the offsetX and offsetY options. For example:

Series can be excluded from the legend by setting their visibleInLegend option to false.

The Chart comes with a number of predefined themes:

• Default
• Black
• BlueOpal
• Metro
• Silver

Use the theme option to select a theme:

$("#chart").kendoChart({
    theme: "blueOpal",
    series: [{
        type: "bar",
        name: "United States",
        data: [67.96, 68.93, 75, 74, 78]
    }],
    categoryAxis: {
        categories: [2005, 2006, 2007, 2008, 2009]
    }
});

Note that theme names are case insensitive.

The Chart uses animated transitions to display new and updated data. These transitions can be disabled through the transitions option:

$("#chart").kendoChart({
    series: [{
        type: "bar",
        name: "United States",
        data: [67.96, 68.93, 75, 74, 78]
    }],
    categoryAxis: {
        categories: [2005, 2006, 2007, 2008, 2009]
    },
    transitions: false
});