title: Google Charts JSON loading double quotes
body: <p>I try to parse data from a JSON constructed in a php file based on this guide:</p>
  
  <p><a href="https://google-developers.appspot.com/chart/interactive/docs/php_example?hl=en" rel="nofollow">https://google-developers.appspot.com/chart/interactive/docs/php_example?hl=en</a></p>
  
  <p>I have created my JSON in a good way but when I use this code it seems that it does not read the JSON well:</p>
  
  <pre><code>function drawChart() {
    var jsonData = $.ajax({
        url: "loader.php",
        dataType:"json",
        async: false
        }).responseText;
  </code></pre>
  
  <p>I think there is some trouble with the double quotes in the JSON's keys since in <a href="https://google-developers.appspot.com/chart/interactive/docs/reference#dataparam" rel="nofollow">this example</a> the Javascript object doesn't have quotes. So somewhere I should miss something?</p>
  
  <p>My scripts code is:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  
        // Load the Visualization API and the piechart package.
        google.load('visualization', '1.0', {'packages':['corechart']});
  
        // Set a callback to run when the Google Visualization API is loaded.
        google.setOnLoadCallback(drawChart);
  
  
        function drawChart() {
  
          var jsonData = $.ajax({
                  dataType:"json",
                  url: "loader.php",
                  async: false
                  }).responseText;
  
          // 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.PieChart(document.getElementById('chart_div'));
          chart.draw(data, {title: 'Results', width: 400, height: 240});
  
      }
      &lt;/script&gt;   
  </code></pre>
  
  <p>And the source code of what my <code>loader.php</code> returns is:</p>
  
  <pre><code>{"cols": 
     [{"label":"Sources","type":"string"},
      {"label":"Count","type":"number"}],
  "rows":
     [{"c":[{"v":"web"},{"v":"4757"}]},
      {"c":[{"v":" iPhone"},{"v":"4324"}]},
      {"c":[{"v":"Android"},{"v":"3294"}]},
      {"c":[{"v":"BlackBerry\u00ae"},{"v":"2336"}]},
      {"c":[{"v":"Instagram"},{"v":"951"}]}
     ]}
  </code></pre>
  
  <p>Note: the chart loads well without errors but does not load the JSON. It says: Other 100%. So neither the labels nor the rows are correctle loaded.</p>