Javascript 谷歌图表帮助-尝试将JSON加载到谷歌图表中，但图表未显示_Javascript_Jquery_Json_Charts_Google Visualization

Javascript 谷歌图表帮助-尝试将JSON加载到谷歌图表中，但图表未显示

javascript jquery json charts google-visualization

Javascript 谷歌图表帮助-尝试将JSON加载到谷歌图表中，但图表未显示,javascript,jquery,json,charts,google-visualization,Javascript,Jquery,Json,Charts,Google Visualization,我试图将虚拟数据加载到我的谷歌图表中，但不知何故，我没有收到任何错误，但图表没有显示出来。我仍然是一个初学者使用这个，我看不出问题。我用jquery加载JSON数据，然后遍历所有数据并将其作为行插入到图表中 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"><

我试图将虚拟数据加载到我的谷歌图表中，但不知何故，我没有收到任何错误，但图表没有显示出来。我仍然是一个初学者使用这个，我看不出问题。我用jquery加载JSON数据，然后遍历所有数据并将其作为行插入到图表中

<!DOCTYPE html>
<html>
  <head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://www.google.com/jsapi"></script>

    <script>

      // onload callback - Script funktion til hvad Chart skal indeholde, og opsætning af data.
      function drawChart() {

        // JSONP request - Laver et API kald, hvor data'ene hentes ind.
        var jsonData = $.ajax({
          url: 'http://nflarrest.com/api/v1/crime',
          data: {page: 1},
          dataType: 'jsonp',
        }).done(function (results) {

          // Opretter DataTable, som skal indeholde data'ene fra API'en i rows, samt kolonner.
          var data = new google.visualization.DataTable();

          // Tilføjer kolonner til DataTable, først hvilket format det er (string, number, datetime osv.), dernæst navnet på kolonnen.
          data.addColumn('string', 'Category');
          data.addColumn('number', 'arrest_count');

          // Tilføjer rows til DataTable, med data'ene fra API'en.
          // Man skal huske de navne man tilføjer til row, skal være det samme som navnene fra API'en.
          for(i=0; i<results.length; i++) {
            data.addRow([
                parseFloat(results[i].Category),
                parseInt(results[i].arrest_count)
            ]);
          };


          // Instantiere Chart, hvilken type Chart det er, samt ID den tilgives.
          var chart = new google.visualization.ColumnChart($('#chart').get(0));

          // Opretter at Chart skal tegnes, med hvilke parametre den skal indholde, som de data der skal tegnes, samt info i Chart som fx en titel.
          chart.draw(data, {
            title: 'Wimp Weather Station'
          });

        });

      }

      // load chart lib
      google.load('visualization', '1', {
        packages: ['corechart']
      });

      // call drawChart once google charts is loaded
      google.setOnLoadCallback(drawChart);

    </script>

  </head>
  <body>
    <!-- Opretter Chart i div, med det ID den blev tildelt i Script -->
    <div id="chart" style="width: 100%;"></div>
  </body>
</html>


//onload callback-脚本函数直到hvad图表skal indeholde，og opsætning af数据。
函数绘图图（）{
//JSONP请求-Laver et API kald，hvor数据公司。
var jsonData=$.ajax({
网址：'http://nflarrest.com/api/v1/crime',
数据：{page:1}，
数据类型：“jsonp”，
}).完成（功能（结果）{
//Opreter数据表，som skal indeholde data'ene fra API'ene i rows，samt kolonner。
var data=new google.visualization.DataTable（）；
//Tilføjer kolonner til数据表，først hvilket格式数据（字符串、数字、日期时间osv.），dernæst navnet påKolonen。
data.addColumn（'string'，'Category'）；
data.addColumn（'数字'，'逮捕计数'）；
//Tilføjer行直到数据表，med data'ene fra API'en。
//在这条路上，所有的人都在等待着，因为他们在这条路上的人都在等待。
对于（i=0；i
您将第一列的类型设置为'string'

data.addColumn('string', 'Category');

parseFloat(results[i].Category),

然而，添加的行使用类型“number”

data.addColumn('string', 'Category');

parseFloat(results[i].Category),

类型需要匹配，请像这样尝试
      for(i=0; i<results.length; i++) {
        data.addRow([
            results[i].Category,
            parseInt(results[i].arrest_count)
        ]);
      };

对于（i=0；i您将第一列的类型设置为'string'

data.addColumn('string', 'Category');

parseFloat(results[i].Category),

然而，添加的行使用类型“number”

data.addColumn('string', 'Category');

parseFloat(results[i].Category),

类型需要匹配，请像这样尝试
      for(i=0; i<results.length; i++) {
        data.addRow([
            results[i].Category,
            parseInt(results[i].arrest_count)
        ]);
      };

用于（i=0；i选中此项：我只使用字符串和数字。没有日期。我的也从外部JSON加载。选中此项：我只使用字符串和数字。没有日期。我的也从外部JSON加载。感谢您的回答。让我更好地理解了这一点。但它仍然不起作用。是的，它没有给我任何错误。还显示了带有n的图表o数据。我不确定它是否是一个有效的函数，因为它没有在控制台中打印任何内容？但仍然没有错误。当使用失败时，我现在收到一条错误消息。我找到了一个解决方案。我成功地重新创建了done函数，并在.ajax函数中创建了一个函数。现在它可以工作了。谢谢你的回答。让我更好地理解了。但是它仍然不工作。是的，它没有给我任何错误。也没有显示没有数据的图表。我不确定它是否是有效的函数，因为它没有在控制台中打印任何内容？但仍然没有错误。当使用失败时，我现在收到一条错误消息。我找到了一个解决方案。我用succes和.ajax函数中的一个函数重新创建了done函数。没有工作正常。