Criando gráfico donut com dados

kendo-grafico-donut

<!-- donut chart div -->
<div id="donut"></div>

kendo-grafico-donut-js

// Add chart configuration code
var data = [{
    name: "Burke",
    potConsumed: 54
}, {
  name: "Brandon",
	potConsumed: 11
}, {
	name: "John",
	potConsumed: 18
}, {
	name: "Stefan",
	potConsumed: 7,
    winner: true
}, {
	name: "Todd",
	potConsumed: 10
}];

$('#donut').kendoChart({
	theme: "BlueOpal",
    title: {
        text: "Donut consumindos pela equipe"
    },
    dataSource: data,
    series:[{
        type: "donut",
        field: "potConsumed",
        categoryField: "name",
        explodeField: "winner"
    }],
    tooltip: {
        visible: true,
        template: "#= category #; #=value #%"
    }
});