Google Intensity API, проблемы с шириной набора?

Question

Кажется, что я помещаю опцию размера в неправильном месте или что-то не хватает вообще, после поиска нескольких часов я теперь прибегал к выяснению очевидности.

Это карта диаграммы Google с некоторыми данными, но не может показаться, что размер карты должен быть шириной 1000 пикселей, но в соотношении сторон? любая помощь или совет были бы замечательными!

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> 

Answer 1

Две вещи: Ваше значение ширины должно быть числом, а не строкой (без "'"). И вам нужно передать свою опционную переменную, когда вы .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).