Google visualization 谷歌艺术中的英国地区

Google visualization 谷歌艺术中的英国地区,google-visualization,Google Visualization,我们正在为我们的网站实施地理图表热图,但他们在显示英国的地区方面有限制,他们只能列出4个地区,英格兰、苏格兰、威尔士和北爱尔兰,仅此而已。有谁能帮我知道我们是否能列出英国的所有地区,以及我们是否能显示英国这些地区下的城市、县以及普雷斯顿等 我们还可以传递3个以上的参数来显示鼠标上的更多数据 <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type=

我们正在为我们的网站实施地理图表热图,但他们在显示英国的地区方面有限制,他们只能列出4个地区,英格兰、苏格兰、威尔士和北爱尔兰,仅此而已。有谁能帮我知道我们是否能列出英国的所有地区,以及我们是否能显示英国这些地区下的城市、县以及普雷斯顿等

我们还可以传递3个以上的参数来显示鼠标上的更多数据

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});

     var chart; 
     var data;
     var options;   

     google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        data = google.visualization.arrayToDataTable([

          ['Region', 'Popularity', 'Total Votes'],


          ['England', 8, 6],
          ['Scotland', 8, 6],
          ['Wales ', 9, 7],
          ['Northern Ireland', 2, 5],

          ['United Kingdom', 2, 4]

        ]);

        var maxV = 5;  // to ensure scale is equal on both ends.
        var minV = maxV*-1;

        options =   { 
        colorAxis: {colors: ['blue', 'white', 'red'], minValue: minV, maxValue: maxV},
            };

        chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    google.visualization.events.addListener(chart, 'regionClick', selectHandler);
    };

function selectHandler(e) {
    var selection = e['region'];
    //alert(selection);
        options['resolution'] = 'provinces';
        options['region'] = selection;
            chart.draw(data, options);
            document.getElementById('goback').style.display='block';
    };

    </script>

load('visualization','1',{'packages':['geochart']});
var图;
var数据;
var期权;
setOnLoadCallback(DrawRegionMap);
函数drawRegionsMap(){
data=google.visualization.arrayToDataTable([
[‘地区’、‘人气’、‘总票数’],
['England',8,6],
[‘苏格兰’,8,6],
['Wales',9,7],
[“北爱尔兰”,2,5],
[“联合王国”,2,4]
]);
var maxV=5;//确保两端的比例相等。
var minV=maxV*-1;
选项={
colorAxis:{colors:['blue','white','red'],minValue:minV,maxValue:maxV},
};
chart=新的google.visualization.geogorart(document.getElementById('chart_div'));
图表绘制(数据、选项);
google.visualization.events.addListener(图表'regionClick',selectHandler);
};
函数selectHandler(e){
var选择=e[‘区域’];
//警报(选择);
选项['resolution']=“省”;
选项['region']=选择;
图表绘制(数据、选项);
document.getElementById('goback').style.display='block';
};
如你所见,只有3个参数,我们可以传递额外的参数吗?或者任何工具提示


提前感谢

简短回答:不,您不能显示比英格兰、威尔士、苏格兰和北爱尔兰更具体的分区

谷歌地图目前没有任何更具体的地图可用,因此您将无法使用地图绘制

如果要显示城市,可以使用来显示它们。如果要显示,唯一的选择是在标记模式下为它们中的每一个创建坐标,然后将它们编码为圆形,而不是着色区域

就显示更多工具提示而言,您可以添加一个工具提示列来显示您想要的内容(注意:不允许回车):


将来,也可能会支持,但即使在实验性的1.1版本中,它们目前也没有为geochart启用。

HTML工具提示现在在geochart中启用,并作为选项添加
工具提示:{isHtml:true}
function drawVisualization() {
  data = new google.visualization.DataTable();
  data.addColumn('string', 'Region');
  data.addColumn('number', 'Popularity');
  data.addColumn('number', 'Total Votes');
  data.addColumn({type: 'string', role: 'tooltip'}, 'ToolTip');
  data.addRows([
    ['England', 8, 6, 'This is England'],
    ['Scotland', 8, 6, 'This is Scotland'],
    ['Wales ', 9, 7, 'This is Wales'],
    ['Northern Ireland', 2, 5, 'This is Northern Ireland'],
    ['United Kingdom', 2, 4, 'This is the UK']
  ]);

  var maxV = 5;  // to ensure scale is equal on both ends.
  var minV = maxV*-1;

  options =   {
    colorAxis: {colors: ['blue', 'white', 'red'], minValue: minV, maxValue: maxV},
  };

  chart = new google.visualization.GeoChart(document.getElementById('visualization'));
  chart.draw(data, options);
  google.visualization.events.addListener(chart, 'regionClick', selectHandler);
}

function selectHandler(e) {
  var selection = e['region'];
  //alert(selection);
  options['resolution'] = 'provinces';
  options['region'] = selection;
  chart.draw(data, options);
  //document.getElementById('goback').style.display='block';
};