Chart Data Current Year
by chanaka1
HTML
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.dataviz.min.css">
<div id="chart"></div>
JavaScript
var dr = [{
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1388361600000-0000)/",
"Reading": 1800,
"Actual": true
}, {
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1372550400000-0000)/",
"Reading": 1240,
"Actual": true
}, {
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1369872000000-0000)/",
"Reading": 1321,
"Actual": true
}, {
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1364601600000-0000)/",
"Reading": 1388,
"Actual": true
}, {
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1364601600000-0000)/",
"Reading": 1000,
"Actual": true
}, {
"Meter": "52833027",
"UtilCode": "10607031.00",
"ReadDate": "/Date(1358640000000-0000)/",
"Reading": 1170,
"Actual": true
}];
var ds = new kendo.data.DataSource({
data: dr,
schema: {
model: {
fields: {
ReadDate: {
field: "ReadDate",
type: "date"
},
Reading: {
field: "Reading",
type: "number"
},
Actual: {
field: "Actual",
type: "boolean"
}
}
}
},
sort: [{
field: "ReadDate",
dir: "asc"
}]
});
$("#chart").kendoChart({
dataSource: ds,
seriesDefaults: {
type: 'column',
labels: {
visible: true,
template: "#=kendo.toString(value) #"
}
},
legend: {
visible: true,
position: "bottom"
},
series: [{
field: "Reading",
name: "Reading",
aggregate: "sum",
}],
categoryAxis: {
type: "Date",
baseUnit: "months",
field:...