echo json and HTML for jsFiddle

this gives a simple example to use the jsFiddle echo services in HTML and JSON.

by bogatyr77

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="myBarChart"/>

JavaScript

$(function() {
  var value;
  var s = '';
  $.ajax({
    cache: false,
    type: 'POST',
    url: '/echo/json/',
    data: {
      json: '[{"abcount":7,"classname":"B.E. MECH 1 YEAR 1 SEM A SEC","datevalue":"2021-09-08","cid":"1"},{"abcount":4,"classname":"B.E.CIVIL 1 YEAR 1 SEM A SEC","datevalue":"2021-09-08","cid":"3"}]'
    },
    success: function(data) {
      value = data
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Element');
      data.addColumn('number', 'Count');
      s = '[';

      $.each(value, function(index, v) {
        s += '["' + v.datevalue + '", ' + v.abcount + '],';
      });
      var d = s.slice(0, -1)
      d += ']';

      data.addRows(JSON.parse(d));
      
      var options = {'title':'Student Absent List',
                'width':600,
                'height':300
                
     };
      var chart = new google.visualization.BarChart(document.getElementById('myBarChart'));
      chart.draw(data, options);
    },
    error: function(error) {
      alert('there was an error');
    },
    dataType: 'json'
  });
});

google.charts.load('current', {
  packages: ['corechart']
});
google.charts.setOnLoadCallback(function() {
  drawChart();
});