【问题标题】:How do I highlight Africa and other regions using the Google Visualization Geochart?如何使用 Google Visualization Geochart 突出显示非洲和其他地区?
【发布时间】:2014-11-03 11:19:01
【问题描述】:

我正在尝试找到一种可以突出显示并单击各个区域的地图解决方案,其中一个区域是非洲。我也在寻找一个可以很好地与 Angularjs 配合使用的解决方案。

我认为Google Visualization Chart 可能合适。这允许使用网站上列出的区域代码选择区域。

我尝试添加几个区域,唯一可以使用的区域是澳大利亚 (AU),以下对我不起作用:

      ['Europe', 150], 
      ['Western Asia', 145],  
      ['Asia', 142],
      ['Africa', 002]

这是我用来测试的jsfiddle

是我做错了什么还是图表本身有问题?

谢谢。

【问题讨论】:

标签: angularjs google-visualization


【解决方案1】:
  google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {

      var data = google.visualization.arrayToDataTable([
          ['Region Code', 'Continent', 'Popularity'],
          ['142', 'Asia', 200],
          ['150', 'Europe', 300],
          ['019', 'Americas', 400],
          ['009', 'Oceania', 600],
          ['002', 'Africa', 700]
      ]);

      var options = {
          resolution: 'continents'
      };

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

      chart.draw(data, options);
  }

这个jsfiddle 展示了如何做到这一点:

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多