Google图表(GeoChart)-欧洲地区无法正确显示

时间:2018-08-02 11:04:52

标签: javascript google-maps google-visualization

我正在努力找出为什么在使用欧洲地区时geochart地图会在地图上切出顶部的原因。

例如,芬兰并未完全出现。

有人遇到过这样的问题吗?

代码

$(document).ready(function() {
google.charts.load('visualization', '1', {'packages': ['geochart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
 var data = google.visualization.arrayToDataTable([
          ['Country', 'ColorIndex'],
          ['fi', 2],
          ['ee', 1],
          ['gb', 2],
          ['at', 2],
          ['dk', 2],
          ['es', 2]
        ]);
var opts = {
    region: '150',
    displayMode: 'regions',
    resolution: 'countries',
    width: 480,
    height: 320,
    enableRegionInteractivity: true,
    backgroundColor: 'transparent',
    datalessRegionColor: 'transparent',
    legend: 'none',
    tooltip : { trigger : 'none' },
    colorAxis: {
      values: [1, 2, 3],
      colors: ['#050b55', '#003399', '#eb5f0f']
    }
};

var container = document.getElementById('visualization');
var geochart = new google.visualization.GeoChart(container);
            geochart.draw(data, opts);
}
});
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>

<div id="visualization" style="width:100%; height:200px"></div>

0 个答案:

没有答案