title: Table has no columns. Json data
body: <p>i have a json data in this format</p>
  
  <pre><code>[
  {
  id: 2,
  nom: "Dell",
  type: "Pc",
  quantity: 78,
  prix: 7800
  },
  {
  id: 3,
  nom: "Intel",
  type: "Processor",
  quantity: 45,
  prix: 8000
  },
  {
  id: 4,
  nom: "Dell",
  type: "Ecran",
  quantity: 10,
  prix: 2500
  }
  ] 
  </code></pre>
  
  <p>and i want to put them in a chart help please it's about 4 days and i can't make it work i want to understand why does google chart api don't want to accept this data this is my code </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;!--Load the AJAX API--&gt;
  &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"  src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  // Load the Visualization API and the bar package.
  google.charts.load('current', {'packages':['corechart']});
  
  // Set a callback to run when the Google Visualization API is loaded.
  google.charts.setOnLoadCallback(drawChart);
  
  function drawChart() {
    var jsonData = $.ajax({
        url: "http://localhost:8080/get",
        dataType: "json",
        async: false
        }).responseText;
        console.log(jsonData)
    // Create our data table out of JSON data loaded from server.
  
  
    var data = new google.visualization.DataTable(jsonData);
  
    // Instantiate and draw our chart, passing in some options.
    var chart = new    google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240});
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;!--Div that will hold the pie chart--&gt;
  &lt;div id="chart_div"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>