我的國家的顏色省份與谷歌圖表（地圖）

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>