+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+ var daysDataReopen = [
+
+ [(${ageanalysisdashboardList[0].DAYS_0_15_REOPEN})],
+
+ [(${ageanalysisdashboardList[0].DAYS_16_30_REOPEN})],
+
+ [(${ageanalysisdashboardList[0].DAYS_31_60_REOPEN})],
+
+ [(${ageanalysisdashboardList[0].DAYS_61_90_REOPEN})],
+
+ [(${ageanalysisdashboardList[0].DAYS_90_REOPEN})]
+
+ ];
+
+
+
+
+
+ google.charts.load('current', {'packages': ['corechart']});
+
+ google.charts.setOnLoadCallback(drawPieCharts); // Use a new callback for pie charts
+
+ google.charts.setOnLoadCallback(drawBarCharts); // Use a new callback for bar charts
+
+ function drawPieCharts() {
+
+ console.log("Pie charts");
+
+ var dataTotal = google.visualization.arrayToDataTable([
+
+ ['Category', 'Count'],
+
+ ['0-15 Days Pending', daysDataTotal[0]],
+
+ ['16-30 Days Pending', daysDataTotal[1]],
+
+ ['31-60 Days Pending', daysDataTotal[2]],
+
+ ['61-90 Days Pending', daysDataTotal[3]],
+
+ ['Above 90 Days Pending', daysDataTotal[4]],
+
+ ]);
+
+
+
+ var dataReopen = google.visualization.arrayToDataTable([
+
+ ['Category', 'Count'],
+
+ ['0-15 Days Reopen', daysDataReopen[0]],
+
+ ['16-30 Days Reopen', daysDataReopen[1]],
+
+ ['31-60 Days Reopen', daysDataReopen[2]],
+
+ ['61-90 Days Reopen', daysDataReopen[3]],
+
+ ['Above 90 Days Reopen', daysDataReopen[4]],
+
+ ]);
+
+
+
+ var optionspiepen = {
+
+ 'title': 'Overall Pending Complaint Info ',
+
+ 'legend': 'bottom',
+
+ 'height': '500',
+
+ 'width': '500',
+
+ 'colors': ['#f4ca47', '#0ebce0', '#aae00e', '#053a4c', '#0ee0ad']
+
+
+
+ };
+
+
+
+
+
+ var optionspiere = {
+
+ 'title': 'Overall Reopen Complaint Info',
+
+ 'legend': 'bottom',
+
+ 'height': '500',
+
+ 'width': '500',
+
+ 'colors': ['#f4ca47', '#0ebce0', '#aae00e', '#053a4c', '#0ee0ad']
+
+
+
+ };
+
+
+
+
+
+
+
+ var piechartTotal = new google.visualization.PieChart(document.getElementById('totalpiechart'));
+
+ var piechartReopen = new google.visualization.PieChart(document.getElementById('reopenpiechart'));
+
+
+
+ piechartTotal.draw(dataTotal, optionspiepen);
+
+ piechartReopen.draw(dataReopen, optionspiere);
+
+ }
+
+
+
+ var zoneDatawithReopen = [
+
+ [(${zonewisedashboardList[0].NonBURSTLT})],
+
+ [(${zonewisedashboardList[0].REOFGAR})],
+
+ [(${zonewisedashboardList[0].ROAD})],
+
+ [(${zonewisedashboardList[0].MOSQUITE})],
+
+ [(${zonewisedashboardList[0].WATER})],
+
+ [(${zonewisedashboardList[0].REOFDEB})],
+
+ [(${zonewisedashboardList[0].TREE})],
+
+ [(${zonewisedashboardList[0].DOGS})],
+
+ [(${zonewisedashboardList[0].ENCMTN})],
+
+ [(${zonewisedashboardList[0].POT})],
+
+ [(${zonewisedashboardList[0].PTAX})],
+
+ /* [(${zonewisedashboardList[0].OTHERS})],
+
+ [(${zonewisedashboardList[0].TOTAL})] */
+
+ ];
+
+
+
+
+
+ var zoneDatawithoutReopen = [
+
+ [(${reopenzonewisedashboardList[0].NonBURSTLT})],
+
+ [(${reopenzonewisedashboardList[0].REOFGAR})],
+
+ [(${reopenzonewisedashboardList[0].ROAD})],
+
+ [(${reopenzonewisedashboardList[0].MOSQUITE})],
+
+ [(${reopenzonewisedashboardList[0].WATER})],
+
+ [(${reopenzonewisedashboardList[0].REOFDEB})],
+
+ [(${reopenzonewisedashboardList[0].TREE})],
+
+ [(${reopenzonewisedashboardList[0].DOGS})],
+
+ [(${reopenzonewisedashboardList[0].ENCMTN})],
+
+ [(${reopenzonewisedashboardList[0].POT})],
+
+ [(${reopenzonewisedashboardList[0].PTAX})],
+
+ /* [(${reopenzonewisedashboardList[0].OTHERS})],
+
+ [(${reopenzonewisedashboardList[0].TOTAL})] */
+
+ ];
+
+
+
+ function drawBarCharts() {
+
+ console.log("Bar charts");
+
+
+ var zonewithReopen = google.visualization.arrayToDataTable([
+
+ ['Category', 'Count'],
+
+ ['Street Light not burning', zoneDatawithReopen[0]],
+
+ ['Removal of Garbage', zoneDatawithReopen[1]],
+
+ ['Road Damaged', zoneDatawithReopen[2]],
+
+ ['Mosquito Nuisance', zoneDatawithReopen[3]],
+
+ ['Water Stagnation', zoneDatawithReopen[4]],
+
+ ['Removal of Debries', zoneDatawithReopen[5]],
+
+ ['Tree Fallen', zoneDatawithReopen[6]],
+
+ ['Dog Menace', zoneDatawithReopen[7]],
+
+ ['Encroachment', zoneDatawithReopen[8]],
+
+ ['Potshole', zoneDatawithReopen[9]],
+
+ ['Property Tax', zoneDatawithReopen[10]],
+
+ /* ['Others', zoneDatawithReopen[11]],
+
+ ['Total', zoneDatawithReopen[12]], */
+
+
+
+ ]);
+
+
+
+ var zonewithoutReopen = google.visualization.arrayToDataTable([
+
+ ['Category', 'Count'],
+
+ ['Street Light not burning', zoneDatawithoutReopen[0]],
+
+ ['Removal of Garbage', zoneDatawithoutReopen[1]],
+
+ ['Road Damaged', zoneDatawithoutReopen[2]],
+
+ ['Mosquito Nuisance', zoneDatawithoutReopen[3]],
+
+ ['Water Stagnation', zoneDatawithoutReopen[4]],
+
+ ['Removal of Debries', zoneDatawithoutReopen[5]],
+
+ ['Tree Fallen', zoneDatawithoutReopen[6]],
+
+ ['Dog Menace', zoneDatawithoutReopen[7]],
+
+ ['Encroachment', zoneDatawithoutReopen[8]],
+
+ ['Potshole', zoneDatawithoutReopen[9]],
+
+ ['Property Tax', zoneDatawithoutReopen[10]],
+
+ /* ['Others', zoneDatawithoutReopen[11]],
+
+ ['Total', zoneDatawithoutReopen[12]], */
+
+
+
+ ]);
+
+
+
+ var optionszonewithreopencolumn = {
+
+ 'title': 'Zonewise (With Reopen) ',
+
+ 'legend': 'bottom',
+
+ 'height': '500',
+
+ 'width': '1100',
+
+ "useLineColorForBulletBorder": true,
+
+ 'colors': ['Green', 'Blue', 'Yellow', 'Brown', 'Pink', 'Orange', 'Purple', 'Grey', 'SkyBlue', 'LightGreen'],
+
+ 'responsive':true
+
+ };
+
+
+
+ var optionszonewithoutreopencolumn = {
+
+ 'title': 'Zonewise (Without Reopen) ',
+
+ 'legend': 'bottom',
+
+ 'height': '500',
+
+ 'width': '1100',
+
+ "useLineColorForBulletBorder": true,
+
+ 'colors': ['Red', 'Blue', 'Yellow', 'Brown', 'Pink', 'Orange', 'Purple', 'Grey', 'SkyBlue', 'LightGreen'],
+
+ 'responsive':true
+
+ };
+
+
+
+
+
+ var barchartReopen = new google.visualization.ColumnChart(document.getElementById('reopenbarchart'));
+
+ var barchartwithReopen = new google.visualization.ColumnChart(document.getElementById('barchart'));
+
+
+
+
+ barchartReopen.draw(zonewithoutReopen, optionszonewithoutreopencolumn);
+
+ barchartwithReopen.draw(zonewithReopen, optionszonewithreopencolumn);
+
+ }
+
+
+
+
\ No newline at end of file