Below Pie Chart i trying do with Custom data. But its not Showing
var d= jQuery.parseJSON('[{"XAXIS":"HERMES","COUNT":"51"},{"XAXIS":"J R T CUMBUM","COUNT":"69"},{"XAXIS":"Krishnamoorthy","COUNT":"70"},{"XAXIS":"RED BUS","COUNT":"150"}]');
$("#ChartDiv").kendoChart({
legend: {
visible:true,
position:"right"
},
seriesDefault: {
type: "pie"
},
dataSource:{data:d},
series: [{
field:"COUNT",
type: "pie",
categoryField:"XAXIS",
labels:{
visible: true,
template:"${value}"
}
}],
tooltip:
{
visible:true,
template:"<div style='white-space: normal; max-width: 120px;'>${category} - ${value}</div>"
},
categoryAxis:{field: "XAXIS"}
});
<div id="ChartDiv" style="width: 900px; height: 500px; display: inline-block;">
</div>
var d= jQuery.parseJSON('[{"XAXIS":"HERMES","COUNT":"51"},{"XAXIS":"J R T CUMBUM","COUNT":"69"},{"XAXIS":"Krishnamoorthy","COUNT":"70"},{"XAXIS":"RED BUS","COUNT":"150"}]');
$("#ChartDiv").kendoChart({
legend: {
visible:true,
position:"right"
},
seriesDefault: {
type: "pie"
},
dataSource:{data:d},
series: [{
field:"COUNT",
type: "pie",
categoryField:"XAXIS",
labels:{
visible: true,
template:"${value}"
}
}],
tooltip:
{
visible:true,
template:"<div style='white-space: normal; max-width: 120px;'>${category} - ${value}</div>"
},
categoryAxis:{field: "XAXIS"}
});
<div id="ChartDiv" style="width: 900px; height: 500px; display: inline-block;">
</div>