簡體   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