Question

我正在使用谷歌geochart来显示数据。

我的代码：

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>

        google.load('visualization', '1', { 'packages': ['geochart'] });
        google.setOnLoadCallback(drawRegionsMap);

        function drawRegionsMap() {

     var geochart = new google.visualization.GeoChart(
     document.getElementById('visualization'));

     var options = {region: 'world', resolution: 'continents', width: 556, height: 347};
     var data = google.visualization.arrayToDataTable([
            ['continents', 'Aircrafts'],
            ['Asia', 700]
          ]);

      geochart.draw(data, options);

        };
    </script>
     <div id="visualization" style="width: 800px; height: 400px;"></div>

在图表中，它不会将asia显示为数据。

Answer 1

尽管“大陆”解决方案选项不在官方文档中，但确实有效。您需要更改数据表以包含一列大陆区域代码，例如：

 var data = google.visualization.arrayToDataTable([
        ['Region code', 'Continent', 'Aircraft'],
        ['142', 'Asia', 700]
      ]);

  geochart.draw(data, options);

区域代码是必需的，但不会在工具提示中呈现。在“大陆层次结构和代码”一节中的选项下方解释了与每个大陆匹配的代码here。它实际上并没有说你需要在你的数据表中使用它们（这太容易了......）

唯一需要注意的是，我还没有找到办法让它认识到允许将“美洲”划分为“北美洲”的子区域代码。南。如果你坚持使用大陆代码那么他们应该工作 - 他们为我做。请注意，代码需要作为字符串存在于数据表中。

请参阅此处查看工作示例：http://jsfiddle.net/6hrhj9qs/

Answer 2

您正在使用this post

中描述的未记录的选项

还有人说，这个错误很快就会修复......日期是5/25/11！

我没有找到其他更新。

Answer 3

尝试使用VectorWorkz'GeoChart，它支持亚洲作为大陆，您可以完全控制区域并根据需要添加/修改基础地图。我们也可以帮助您创建自定义地图。

谷歌geochart不显示大陆

3 个答案: