我国的颜色省份使用谷歌图表（地理标志） [英] Color provinces in my country with Google charts (geocharts)

问题描述

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

google.charts.load（'coming'，{'packages'： [ 'geochart']}）; google.charts.setOnLoadCallback（drawRegionsMap）;函数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（数据，选项）; }

 < script type =text / javascriptsrc =https://www.gstatic.com/charts/loader.js>< / script>< script type =text / javascriptsrc =https://www.google.com/jsapi >< /脚本> < div id =regions_divstyle =width：900px; height：500px;>< / div>  

$ b

https://jsfiddle.net/na8hvgts/



我想知道是否有可能为各省/美国以外的州。感谢。

解决方案

尝试使用 ISO 3166-2：VN代码

请参阅以下工作片段...

p>

此外， colorAxis 将默认为数据中的最小值和最大值

在只有两行时保持最小值透明

设置特定 colorAxis.min / colorAxis.max 以避免...

  google.charts.load（'upco ming'，{'packages'：['geochart']}）; google.charts.setOnLoadCallback（drawRegionsMap）;函数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（数据，选项）; }  

 < script type =text / javascriptsrc =https://www.gstatic.com/charts/loader.js>< / script>< script type =text / javascriptsrc =https://www.google.com/jsapi >< /脚本> < div id =regions_divstyle =width：900px; height：500px;>< / div>  

I'm trying to light up "Ha Noi" and "Ho Chi Minh" using Google Charts but it's not working by modifying the example in the document.

      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/

I wonder whether it's possible at all to color provinces/states outside the US.Thanks.

解决方案

try using the ISO 3166-2:VN codes

see following working snippet...

also, the colorAxis will default to the min and max values in the data

leaving the min value transparent when there are only two rows

set specific colorAxis.min / colorAxis.max to avoid...

      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>
   

这篇关于我国的颜色省份使用谷歌图表（地理标志）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！