Javascript 如何使用标签中的超链接自定义google图表？

我用json获得了不同的国家，并将其添加到谷歌图表中。每个国家都有一个特定网站的链接。它对我有用。但是工具提示/标签的名称是一个链接。如何删除工具提示中的链接并添加国家名称？ 如何将国家边界颜色更改为白色？ thx提前

HTML

首先，建议不要使用jsapi加载库

根据

通过jsapi加载器仍然可用的Google图表版本不再持续更新。请从现在起使用新的gstatic loader

回调也可以添加到load语句中

其次,根据

第二列应该是数字，而不是字符串/链接

但是，由于单击处理程序需要该链接，因此使用DataView从图表中隐藏该列

^这将修复工具提示-添加国家名称而不是链接

数字列根据颜色轴驱动国家/地区的着色

如问题中所述，如果未提供编号，则colorAxis将无效

最后，没有控制国家边界的标准选项

请参阅以下工作片段

google.charts.load'current'{ 回调：drawVisualization， 包装：[“地球艺术”] }; 功能可视化{ var data=google.visualization.arrayToDataTable[ [‘国家’，‘链接’，]， [‘加拿大’，'http://www.google.ca'], [‘俄罗斯’，'http://www.bbc.com'], [‘澳大利亚’，'http://www.nytimes.com'], ]; var view=new google.visualization.DataViewdata； 视图。hideColumns[1]； 变量选项={ 背景颜色：“81d4fa”， datalessRegionColor:'f8bbd0'， defaultColor:'黑色'， 显示模式：“区域”， 工具提示：{textStyle:{color:'FF0000'}，触发器：'focus'，isHtml:true}， 图例：“无”， 身高：300， 宽度：400 }; var chart=new google.visualization.geogiocartdocument.getElementById'visualization'； google.visualization.events.addListenerchart，“选择”，myClickHandler； chart.drawview，选项； 函数myClickHandler{ var selection=chart.getSelection； 如果selection.length>0{ var link=data.getValueselection[0]。行，1； window.openlink，“u blank”； } } } 首先，建议不要使用jsapi加载库

根据

通过jsapi加载器仍然可用的Google图表版本不再持续更新。请从现在起使用新的gstatic loader

回调也可以添加到load语句中

其次,根据

第二列应该是数字，而不是字符串/链接

但是，由于单击处理程序需要该链接，因此使用DataView从图表中隐藏该列

^这将修复工具提示-添加国家名称而不是链接

数字列根据颜色轴驱动国家/地区的着色

如问题中所述，如果未提供编号，则colorAxis将无效

最后，没有控制国家边界的标准选项

请参阅以下工作片段

google.charts.load'current'{ 回调：drawVisualization， 包装：[“地球艺术”] }; 功能可视化{ var data=google.visualization.arrayToDataTable[ [‘国家’，‘链接’，]， [‘加拿大’，'http://www.google.ca'], [‘俄罗斯’，'http://www.bbc.com'], [‘澳大利亚’，'http://www.nytimes.com'], ]; var view=new google.visualization.DataViewdata； 视图。hideColumns[1]； 变量选项={ 背景颜色：“81d4fa”， datalessRegionColor:'f8bbd0'， defaultColor:'黑色'， 显示模式：“区域”， 工具提示：{textStyle:{color:'FF0000'}，触发器：'focus'，isHtml:true}， 图例：“无”， 身高：300， 宽度：400 }; var chart=new google.visualization.geogiocartdocument.getElementById'visualization'； google.visualization.events.addListenerchart，“选择”，myClickHandler； chart.drawview，选项； 函数myClickHandler{ var selection=chart.getSelection； 如果selection.length>0{ var link=data.getValueselection[0]。行，1； window.openlink，“u blank”； } } }

<div id="visualization"></div>

google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
   var data = new google.visualization.arrayToDataTable([
    ['Country','Link',],
      ['Canada','http://www.google.ca'],
      ['Russia','http://www.bbc.com'],
      ['Australia','http://www.nytimes.com'],
   ]);

  var options = {
    colorAxis: {colors: 'white'},
    backgroundColor: '#81d4fa',
    datalessRegionColor: '#f8bbd0',
    defaultColor: 'black',
    displayMode:'regions',
    tooltip: {textStyle: {color: '#FF0000'}, trigger:'focus',isHtml: true},
    legend:'none',
    height:300,
    width:400
  };

  var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
  google.visualization.events.addListener(chart, 'select', myClickHandler);
  chart.draw(data, options);

  function myClickHandler(){
    var link = data.getValue(chart.getSelection()[0]['row'],1);
    // Change the current site
    location.href = link;
  }
}

<script src="https://www.gstatic.com/charts/loader.js"></script>

google.charts.load('current', {
  callback: drawVisualization,
  packages:['geochart']
});