![](/img/trans.png)
[英]How to check if two elements are side by side in multidimentional array in javaScript
[英]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.