使用Javascript的家谱树样式_Javascript_Google Visualization

使用Javascript的家谱树样式

javascript google-visualization

使用Javascript的家谱树样式,javascript,google-visualization,Javascript,Google Visualization,我正在使用谷歌的可视化：组织结构图库链接到文档：我正在尝试更改样式并为每个节点创建链接我一直在尝试使用： chart.setRowProperty（（nodenumber），'style'，'background color:#FFF'）对于每个节点，但未成功。无论我放在哪里，代码都会使脚本崩溃。知道为什么吗？从每个独立节点创建链接的最佳方式是什么 Javascript: <script type='text/javascript' src='https://www.google.

我正在使用谷歌的可视化：组织结构图库

链接到文档：

我正在尝试更改样式并为每个节点创建链接

我一直在尝试使用：

chart.setRowProperty（（nodenumber），'style'，'background color:#FFF'）
对于每个节点，但未成功。无论我放在哪里，代码都会使脚本崩溃。知道为什么吗？从每个独立节点创建链接的最佳方式是什么
Javascript:
<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', 'parent');
    data.addColumn('string', 'hover');
    data.addRows([
      ['Parent', '', ''],
      ['Kid1', 'Parent', ''],
      ['Kid2', 'Parent', ''],
      ['GreatKid3', 'Kid1', ''],
      ['GreatKid4', 'Kid1', ''],
      ['GreatKid5', 'Kid2', ''],
      ['GreatGreatKid6', 'GreatKid5', ''],
      ['GreatGreatKid7', 'GreatKid5', ''],

    ]);
    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
    chart.draw(data, {allowHtml:true, allowCollapse:true});
    chart.collapse(1,true);
    chart.collapse(2,true);
  }
</script>

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

由于OrgChart对象没有#setRowProperty方法，它会使脚本崩溃-您想使用DataTable#setRowProperty方法：
data.setRowProperty((nodenumber), 'style', 'background-color:#FFF');

此外，在节点上设置“背景色”样式并不能满足您的需要，因为有一个“背景”样式将覆盖它，因此您必须设置“背景：#FFF”以实际显示背景色。下面是一个基于您的代码的示例：尝试在此处运行它。创建从节点到另一个页面的链接的最佳方法是什么？是为每个节点创建某种类型的select事件，还是有更简单的方法？我通过在节点内创建div来创建链接：[{v:'Parent'，f:'>Parent'}，，''，]，fiddle:任何人都想知道为什么这些节点上的格式看起来很奇怪
data.setRowProperty((nodenumber), 'style', 'background-color:#FFF');