个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在使用 Google 的可视化:组织结构图库，
文档链接:https://developers.google.com/chart/interactive/docs/gallery/orgchart
我正在尝试更改样式并为每个节点创建链接。
我一直在尝试使用: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>
CSS
#chart_div{
width:800px;
}
HTML
<body>
<div id='chart_div'></div>
</body>
最佳答案
它使脚本崩溃，因为 OrgChart 对象没有 #setRowProperty 方法 - 您想要使用 DataTable#setRowProperty 方法:
data.setRowProperty((nodenumber), 'style', 'background-color:#FFF');
另外，在节点上设置“background-color”样式不会做你想要的，因为有一个“background”样式会覆盖它，所以你必须将“background:#FFF”设置为实际获取要显示的背景颜色。这是一个基于您的代码的示例:http://jsfiddle.net/asgallant/YZ7CB/
关于javascript - 使用 Javascript 的家谱样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18515469/
24
4
0
我做到了，但它没有显示答案 当我询问兄弟，姐妹，叔叔，阿姨时 这是我写的，有什么问题吗？ /*uncle(X, Y) :– male(X), sibling(X, Z), parent(Z, Y).*
我即将参加考试，需要有关家谱的考试问题的帮助。我以前做过树，但只有这种格式: 数据树 a = 空 |叶一个 |节点a(树a)(树a) 基本上，一棵树要么是空节点，要么是叶节点，或者是一个有两棵树递归跟
有没有办法让子元素跟随其父元素？ 问题是，如果只有一个子节点，而父节点有一大段文本，连接器的位置就会变得非常糟糕。我该如何解决？ Fiddle demo * {margin: 0; padding:
我正在尝试存储家谱。这是我使用的平台，Zend framework, Mysql, Ajax我搜索了 stackoverflow 我遇到了这篇文章，它对处理对象方面的数据非常有帮助。 "Family
家谱中家谱的算法是怎么做的？ 例如 parent A有一个 child B和C。那么，如果 child C将来也生了一个 child 怎么办。它如何使用数据库添加到树中？ 我看过 Jit 的 RGra
我对这个任务一无所知。我需要像这样制作家谱 但我无法解决 Main.java 中的 child 问题。对于每个名字，我都必须给 child 写 null 。 这是我的代码:Main.java 。第二个
我使用 CSS 创建了一个家谱。 家谱可以正常工作，但问题是如果一行中的列表太多，它会在行的右端断开该行，并在新行上显示。 如何在不破坏子元素的情况下使这个家谱水平延伸？即使我在页面底部没有水平滚动条
它来 self 的家庭作业。有家谱 a + b / | | \
正如您在下面的代码片段中所看到的，家谱显示得不是很好。那是因为容器不够宽，装不下它。我想通过向容器添加滚动条来解决这个问题，但不幸的是，这不起作用。我在列表中尝试了 nowrap，但无济于事。我有什么
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，
我正在尝试用 PHP 做一个传销项目。现在我陷入了 MLM 的二叉树表示。请帮我实现这棵树。 sample tree structre .请帮我在附加图片上构建一个树状结构。 Sample tree
需要帮助!是否可以将此网络树居中 http://bvusolutions.com/tree2.html加载页面后？我还想将它放在 960px 宽度的 div 中，以避免滚动并具有缩放功能。 每次我添加
我是一名优秀的程序员,十分优秀！