Javascript 如何向谷歌图表组织结构图添加超链接？_Javascript_Html_Charts

Javascript 如何向谷歌图表组织结构图添加超链接？

javascript html charts

Javascript 如何向谷歌图表组织结构图添加超链接？,javascript,html,charts,Javascript,Html,Charts,标题基本上说明了一切，我需要向组织结构图/树的子“分支”添加一个超链接。下面是代码： <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {pa

标题基本上说明了一切，我需要向组织结构图/树的子“分支”添加一个超链接。下面是代码：

  <html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['orgchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('string', 'Manager');
        data.addColumn('string', 'link');
        data.addRows([
          [{v:'Manager', f:'Manager<div style="color:red; font-style:italic">Manager</div>'}, '', ''],
          [{v:'PS'}, 'Manager', 'https://developers.google.com/chart/interactive/docs/gallery/orgchart'],
          [{v:'ES'}, 'Manager', ''],
          [{v:'MSE'}, 'Manager', ''],
          [{v:'OEP'}, 'Manager', ''],
          ['', '', ''],
          ['', '', '']
        ]);
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
        chart.draw(data, {allowHtml:true});


      }
    </script>
  </head>

  <body>
    <div id='chart_div'></div>
  </body>
</html>


load（'visualization'，'1'，{packages:['orgchart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'link'）；
data.addRows([
[{v:'Manager'，f:'managermager'}，，''，
[{v:'PS'}，'经理'，'https://developers.google.com/chart/interactive/docs/gallery/orgchart'],
[{v:'ES'}，'Manager'，''']，
[{v:'MSE'}，'Manager'，''']，
[{v:'OEP'}，'经理'，''，
['', '', ''],
['', '', '']
]);
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
chart.draw（数据，{allowtml:true}）；
}


load（'visualization'，'1'，{packages:['orgchart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'link'）；
data.addRows([
[{v:'Manager'，f:'managermager'}，，''，
[{v:'PS'，f:'}，'Manager'，'https://developers.google.com/chart/interactive/docs/gallery/orgchart'],
[{v:'ES'，f:''}，'Manager'，''']，
[{v:'MSE'，f:'}，'Manager'，''，
[{v:'OEP'，f:'}，'Manager'，'''']，
['', '', ''],
['', '', '']
]);
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
chart.draw（数据，{allowtml:true}）；
}

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['orgchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('string', 'Manager');
        data.addColumn('string', 'link');
        data.addRows([
          [{v:'Manager', f:'Manager<div style="color:red; font-style:italic">Manager</div>'}, '', ''],
          [{v:'PS', f:'<a href="#">PS</a>'}, 'Manager', 'https://developers.google.com/chart/interactive/docs/gallery/orgchart'],
          [{v:'ES', f:'<a href="#">ES</a>'}, 'Manager', ''],
          [{v:'MSE', f:'<a href="#">MSE</a>'}, 'Manager', ''],
          [{v:'OEP', f:'<a href="#">OEP</a>'}, 'Manager', ''],
          ['', '', ''],
          ['', '', '']
        ]);
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
        chart.draw(data, {allowHtml:true});


      }
    </script>
  </head>

  <body>
    <div id='chart_div'></div>
  </body>
</html>