我的国家的颜色省份与谷歌图表（地图）

Question

我试图用谷歌图表点亮“河内”和“胡志明”，但它不能通过修改文档中的示例工作。

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

 
     function drawRegionsMap() { 
 

 
     var data = google.visualization.arrayToDataTable([ 
 
      ['Provinces', 'Popularity'], 
 
      ['Hanoi', 200], 
 
      ['HCM', 300], 
 
     ]); 
 

 
     var options = {region:'VN',resolution:'provinces'}; 
 

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

 
     chart.draw(data, options); 
 
     }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
     <div id="regions_div" style="width: 900px; height: 500px;"></div> 
 

https://jsfiddle.net/na8hvgts/

我不知道是否有可能在所有的US.Thanks颜色以外省/州。

Answer 1

尝试使用ISO 3166-2:VN codes

看到下面的工作片段...

此外，colorAxis将默认为数据

的最小值和最大值留下最小值透明时，有只有两排

组特定colorAxis.min/colorAxis.max避免...

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

 
     function drawRegionsMap() { 
 

 
     var data = google.visualization.arrayToDataTable([ 
 
      ['Provinces', 'Popularity'], 
 
      [{v: 'VN-HN', f: 'Hanoi'}, 200], 
 
      [{v: 'VN-SG', f: 'HCM'}, 300], 
 
     ]); 
 

 
     var options = { 
 
      region:'VN', 
 
      resolution:'provinces', 
 
      colorAxis: { 
 
      minValue: 0, 
 
      maxValue: 400 
 
      } 
 
     }; 
 

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

 
     chart.draw(data, options); 
 
     }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
     <div id="regions_div" style="width: 900px; height: 500px;"></div>