MINI Sh3ll

// var url_link = $('#daily_power_grid_chart').val();
// $('#loaderGif').show();
// $('#no-response2').hide();
// loadDailyPowerGeneratedByGrid(url_link);
// function loadDailyPowerGeneratedByGrid(url_link) {
//   $('canvas#gridPowerCanvas').remove();
//   $('#loaderGif').show();
//   $('#no-response2').hide();
//   $.get(url_link, function (response5) {
//     $('#loaderGif').hide();
//     $('#no-response2').hide();
//     if (response5.length == 0) {
//       $('#loaderGif').hide();
//       $('#no-response2').show();
//     }
   

//     var datasetValue = [];
//     var linedata = [];
//     var xValue = [];
//     var count = response5.multilineData.length;
//     $('#daily_power_grid_div').append('<canvas id="gridPowerCanvas" height="280" width="500"></canvas>');
//     if (response5.chart_type == 'line') {
//       var type = 'line';
//       var options = {
//         responsive: true,
//         scales: {
//           yAxes: [{
//             ticks: {
//               beginAtZero: true
//             },
//             scaleLabel: {
//               display: true,
//               labelString: 'Energy'
//             }
//           }],
//           xAxes: [{
//             ticks: {
//               padding: 20,
//               fontColor: "rgba(0,0,0,0.5)",
//               fontStyle: "bold"
//             },
//             scaleLabel: {
//               display: true,
//               labelString: 'Days'
//             }
//           }]

//         },

//       };
//     } else {
//       var type = 'bar';
//       var options = {
//         animation: {
//           duration: 10,
//         },
//         tooltips: {
//           mode: 'label',
//         },
//         scales: {
//           xAxes: [{
//             stacked: true,
//             gridLines: {
//               display: false
//             },
//             scaleLabel: {
//               display: true,
//               labelString: 'Days'
//             },
//           }],
//           yAxes: [{
//             stacked: true,
//             scaleLabel: {
//               display: true,
//               labelString: 'Energy'
//             },
//           }],
//         }, // scales
//         legend: {
//           display: true
//         }
//       } // options;
//     }
//     [response5.multilineData[0]['records']].forEach(function(item) {
//         Object.keys(item).sort().forEach(function(key) {
//             xValue.push(key);
//         });
//     });
//     for (var j = 0; j < count; j++) {

//       var color = getRandomColor();
      
//       [response5.multilineData[j]['records']].forEach(function(item) {
//         Object.keys(item).sort().forEach(function(key) {
//             //console.log(item[key]);
//             linedata.push(item[key]);
//         });
//     });
//       datasetValue[j] = {
//         label: response5.multilineData[j]['label'],
//         fill: false,
//         strokeColor: 'rgba(220,220,220,1)',
//         backgroundColor: color,
//         borderColor: color,
//         hoverBackgroundColor: color,
//         hoverBorderWidth: 2,
//         data: linedata
//       }
//       linedata = [];
//     }
//     var config = {
//       type: type,
//       data: {
//         labels: xValue,
//         datasets: datasetValue
//       },
//       options: options
//     };
// //console.log(config);
//     var ctx = document.getElementById('gridPowerCanvas').getContext('2d');
//     window.myLine = new Chart(ctx, config);
//   });

// }

// function getRandomColor() {
//   var letters = '0123456789ABCDEF';
//   var color = '#';
//   for (var i = 0; i < 6; i++) {
//     color += letters[Math.floor(Math.random() * 16)];
//   }
//   return color;
// }