filling Highchart pie graph on kendo grid databound event
I can't get the data to populate the donut charts
by Joe Pool
HTML
<script src="kendo.all.min.js"></script>
<link rel="stylesheet" href="kendo.common.min.css">
<link rel="stylesheet" href="kendo.default.min.css">
<script src="https://kendo.cdn.telerik.com/2018.1.117/js/kendo.all.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<div id="divPieSubst"></div>
<div id="divPieFeedr"></div>
<div id="divPieCycle"></div>
<div id="divPieRoute"></div>
<div id="divBarDays"></div>
<div id="grid"></div>
JavaScript
// Original Question Here: https://stackoverflow.com/q/66035684/153923
$(function() {
$(document).ready(function() {
var e = [];
e.push({
Substation: 'ELECTRIC',
Feeder: '',
ServiceType: 'Electric',
Account: '403310300-01',
Rate: 'SCR2',
Cycle: '04',
Route: '4033',
Customer: 'Customer 403310300-01',
Address: '',
Meter: '3P00325',
Start: '02/04/2015',
End: '01/19/2021',
Days: 2176
});
e.push({
Substation: 'Sub 2',
Feeder: '',
ServiceType: 'Water',
Account: '102303446-05',
Rate: '0',
Cycle: '01',
Route: '1023',
Customer: 'Customer 102303446-05',
Address: '',
Meter: '47170023',
Start: '11/14/2018',
End: '01/19/2021',
Days: 797
});
e.push({
Substation: 'WATER',
Feeder: '',
ServiceType: 'Water',
Account: '102001979-07',
Rate: '0',
Cycle: '01',
Route: '1020',
Customer: 'Customer 102001979-07',
Address: '',
Meter: '45234070',
Start: '01/03/2021',
End: '01/19/2021',
Days: 16
});
e.push({
Substation: 'WATER',
Feeder: '',
ServiceType: 'Water',
Account: '103602334-01',
Rate: '0',
Cycle: '01',
Route: '1036',
Customer: 'Customer 103602334-01',
Address: '',
Meter: '45440615',
Start: '01/03/2021',
End: '01/19/2021',
Days: 16
});
e.push({
Substation: 'WATER',
Feeder: '',
ServiceType: 'Water',
Account: '102502791-01',
Rate: '6',
Cycle: '01',
Route: '1025',
Customer: 'Customer 102502791-01',
Address: '',
Meter: '13242857H',
Start: '01/03/2021',
End: '01/19/2021',
Days: 16
});
e.push({
Substation: 'WATER',
Feeder: '',
ServiceType: 'Water',
Account: '401112758-08',
Rate: '0',
Cycle: '04',
Route: '4011',
...