grouping with aggregates
by valchev
HTML
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div data-role="view" id="chart">
<div id="colchart"></div>
</div>
JavaScript
var chartDataSource = new kendo.data.DataSource({
transport: {
read: {
//using jsfiddle echo service to simulate JSON endpoint
url: "/echo/json/",
dataType: "json",
type: "POST",
data: {
// /echo/json/ echoes the JSON which you pass as an argument
json: JSON.stringify([
{
"Year": 12,
"Quarter": 1,
"TurnoverRatePercent": 3.0869069543102694,
"TurnoverRateChangeFromPrevQuarter": 152.6905109977389,
"TerminatedEmployees": 352,
"ActiveEmployees": 11403
},
{
"Year": 12,
"Quarter": 2,
"TurnoverRatePercent": 2.1319418561311965,
"TurnoverRateChangeFromPrevQuarter": 69.06401416325009,
"TerminatedEmployees": 286,
"ActiveEmployees": 13415
},
{
"Year": 12,
"Quarter": 3,
"TurnoverRatePercent": 2.7377727078283187,
"TurnoverRateChangeFromPrevQuarter": 128.41685620810105,
"TerminatedEmployees": 384,
"ActiveEmployees": 14026
},
{
"Year": 12,
"Quarter": 4,
"TurnoverRatePercent": 1.9254082578620837,
"TurnoverRateChangeFromPrevQuarter": 70.32754225201455,
"TerminatedEmployees": 270,
"ActiveEmployees": 14023
}
])
}
}
},
change: function (e) {
debugger;
var colchart = $("#colchart").data("kendoChart");
...