如何将超链接添加到谷歌图表组织结构图
How do you add a hyperlink to a Google Charts Org Chart?
Title基本上说明了一切,我需要添加一个到组织结构图/树的子"分支"的超链接。下面是代码:
<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>
<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>
相关文章:
- 谷歌地图热图图层点半径
- 谷歌图表堆叠柱状图.如何设置每个单独堆叠项目(数据系列)的样式
- 谷歌地图-更改图层图标大小
- 将一个堆叠列的谷歌图表变成瀑布图
- 谷歌组合图过渡动画
- 谷歌蜡烛图设置线宽无效
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 谷歌饼图强制渲染“;次要的“;馅饼外的标签
- 在谷歌饼图中查看其他俱乐部类别
- 在谷歌图表的甘特图中空 GetSelection() 对象
- 使用谷歌图表在条形图中设置颜色
- 谷歌地图 - 将标记放置限制为可见的地图图块
- 谷歌组织结构图创造婚姻
- 谷歌组织结构图缺少链接
- 堆叠条形图谷歌可视化在internet explorer 8 'null或不是一个对象'
- 条形图(谷歌图表)与垂直或点标记
- 谷歌组织结构图与超链接和1点击展开/折叠
- 范围更改后的注释图谷歌功能
- 如何在谷歌组织结构图中隐藏选定项目的HTML类
- 结合气泡和桑基图谷歌图表