KendoUI Pie111111

KendoUI Pie

by JSDavi

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.dataviz.default.min.css">
<script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<div id="example" class="k-content">
    <div class="chart-wrapper">
        <div id="chart"></div>
    </div

JavaScript

function createChart() {
    var data=[{
	"year": 2000,
	"resolution": "1024x768",
	"share": 25,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2000,
	"resolution": "Other",
	"share": 75,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2001,
	"resolution": "1024x768",
	"share": 29,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2001,
	"resolution": "Other",
	"share": 71,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2002,
	"resolution": "1024x768",
	"share": 34,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2002,
	"resolution": "Other",
	"share": 66,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2003,
	"resolution": "1024x768",
	"share": 40,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2003,
	"resolution": "Other",
	"share": 60,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2004,
	"resolution": "1024x768",
	"share": 47,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2004,
	"resolution": "Other",
	"share": 53,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2005,
	"resolution": "1024x768",
	"share": 53,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2005,
	"resolution": "Other",
	"share": 47,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2006,
	"resolution": "1024x768",
	"share": 57,
	"visibleInLegend": false,
	"order": 1,
	"color": "#c00"
},{
	"year": 2006,
	"resolution": "Other",
	"share": 43,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2007,
	"resolution": "1024x768",
	"share": 54,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2007,
	"resolution": "Other",
	"share": 46,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year": 2008,
	"resolution": "1024x768",
	"share": 48,
	"visibleInLegend": false,
	"order": 1
},{
	"year": 2008,
	"resolution": "Other",
	"share": 52,
	"visibleInLegend": false,
	"order": 2,
	"color": "#ccc"
},{
	"year":...