Google可视化：组织结构图添加Html URL

我想将Google URL 添加到Google可视化：组织结构图，我无法在Google API中找到该选项，请大家帮忙。下面Google可视化：组织结构图添加Html URL

<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', 'ToolTip'); 
     data.addRows([ 
      [{v:'Mike', f:'Mike<div style="color:red; font-style:italic">President</div>'}, '', 'The President'], 
      [{v:'Jim', f:'Jim<div style="color:red; font-style:italic">Vice President</div>'}, 'Mike', 'VP'], 
      ['Alice', 'Mike', ''], 
      ['Bob', 'Jim', 'Bob Sponge'], 
      ['Carol', 'Bob', ''] 
     ]); 
     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>

来源

2013-08-17 user974435

示例代码的链接只需添加到单元格的格式值：

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Name'); 
    data.addColumn('string', 'Parent'); 

    data.addRows([ 
     [{v: 'parent_node', f: 'Parent Node'}, null], 
     [{v: 'child_node_1', f: '<a href="path/to/target">Child Node 1</a>'}, 'parent_node'], 
     [{v: 'child_node_2', f: 'Child Node 2'}, 'parent_node'] 
    ]); 

    var chart = new google.visualization.OrgChart(document.querySelector('#chart_div')); 
    chart.draw(data, {allowHtml: true}); 
}

见http://jsfiddle.net/asgallant/LPHtr/1/

来源

2013-08-17 15:44:19 asgallant

Google可视化：组织结构图添加Html URL

回答

相关问题