Google Charts（geocharts）で私の国の色の地域

Question

Google Chartsを使って "Ha Noi"と "Ho Chi Minh"を明るくしようとしていますが、ドキュメントの例を変更しても機能しません。

 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

も、colorAxisがある場合

が透明分値を残したデータに最小値と最大値がデフォルトになります... ISO 3166-2:VN codes

作業スニペット以下の参照を使用して

を試してみてください2行のみ

避けるために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>