[英]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.