Hi, I was using the Kendo Chart for one of my projects and drawing charts for visualizing the data.
I have the following Kendo code to render the data given in this "message-rate-details.json" file.
The file
var messageRateData = new kendo.data.DataSource({
transport: {
read: {
url: "content/shared/message-rate-details.json",
dataType: "json"
}
},
sort: {
field: "timestamp",
dir: "asc"
},
group: {
field: "strategyId"
}
});
$("#chart10").kendoChart({
dataSource: messageRateData,
title: {
text: "Message Rate Details in 10 min interval"
},
legend: {
position: "top"
},
series: [{
type: "area",
stack: true,
field: "count",
name: "StrategyId #= group.value #"
}],
valueAxis: {
labels: {
format: "{0}"
},
line: {
visible: false
}
},
categoryAxis: {
field: "timestamp",
type: "date",
labels: {
format: "hh:mm:ss"
}
},
tooltip: {
visible: true,
format: "{0}"
}
});