Google Intensity API,设置宽度问题?

时间:2014-08-16 11:29:51

标签: javascript jquery google-visualization heatmap

似乎我把尺寸选项放在错误的位置或完全遗漏了一些东西,经过几个小时的搜索,我现在已经采取了明显的问题。

这是一张包含一些数据的Google地图图,但似乎无法将地图大小调整为1000px宽但是宽高比?任何帮助或建议都会很棒!

https://developers.google.com/chart/interactive/docs/gallery/intensitymap是我正在处理的页面。

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
  google.load('visualization', '1', {packages:['intensitymap']});
  google.setOnLoadCallback(drawChart);

  function drawChart() {
  var data = google.visualization.arrayToDataTable([
      ['Country', 'Volume', 'N/A'],
        ['AF', 1009675, 0],
        ['AL', 224609, 0 ]
]
    );

    var options = {
      width: '1000'
    };

    var chart = new google.visualization.IntensityMap(document.getElementById('chart_div'));
    chart.draw(data, {});

 }

</script>

            <div id="chart_div" style="width: 900px; height: 500px;"></div>

1 个答案:

答案 0 :(得分:0)

两件事:你的宽度值应该是一个数字而不是一个字符串(没有“'”)。您需要在.draw()时传递选项变量。像这样:

var options = {
  width: 1000
};

var chart = new google.visualization.IntensityMap(document.getElementById('chart_div'));
chart.draw(data, options);

}

另外,显然最大宽度为440px。请参阅here (scroll down to configuration options)