繁体   English   中英

如何在多维数组中并排显示元素?

[英]How to display elements side by side in multidimensional array?

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {
        'packages':['geochart'],
        // Note: you will need to get a mapsApiKey for your project.
        // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
        'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
      });
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['RU', 700]
        ]);

        var options = {};

        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

据说,我想在网页上显示一个 GeoChart,上面的代码来自这个链接:

https://developers.google.com/chart/interactive/docs/gallery/geochart

我尝试将函数 drawRegionMap() 部分更改为多维数组,如下面的代码片段所示:

var record = [['Germany', 200], ['United States', 300], ['Brazil', 400], ['Canada', 500], ['France', 600], ['RU', 700]];

      function drawRegionsMap() {

            for (var i = 0; i < record.length; i++) {

                var data = google.visualization.arrayToDataTable([
                    ['Country', 'Population'],
                    [record[x][y], record[i][j]]
                ]);

                x++; j++;
            }

}

但是,它没有像在“var record”数组中那样显示世界地图上的人口区域,因为据说它需要像下面的链接一样显示:

https://developers.google.com/chart/interactive/docs/gallery/geochart

我可以知道如何解决这个问题吗?

我已经用这些修复了代码:

            for (var i = 0; i < record.length; i++) {

                var data = google.visualization.arrayToDataTable([
                    ['Country', 'Density'],
                    [record[i][0], record[i][1]],
                ]);
            }

但是,它只显示数组中的最后一个元素,即 ['RU',700]

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM