Javascript D3强制布局颜色和缩放
我正在使用下面的代码片段,并试图纠正链接行为中的一些错误 预期行为如下: 默认情况下,链接根据“A”或“E”链接的“类型”进行着色 在节点上方的鼠标上,节点及其近邻保持完全不透明度和颜色,但其余节点和链接降低不透明度,链接颜色变为白色。 在鼠标移出时,节点和链接将恢复为其原始不透明度和颜色 缩放时,节点和链接都会相应缩放。 不幸的是,我的代码不满足最后三个要点,在这个过程中,链接现在呈现在节点的顶部,而不是相反 谁能帮我指出我哪里出了错 代码笔-Javascript D3强制布局颜色和缩放,javascript,d3.js,Javascript,D3.js,我正在使用下面的代码片段,并试图纠正链接行为中的一些错误 预期行为如下: 默认情况下,链接根据“A”或“E”链接的“类型”进行着色 在节点上方的鼠标上,节点及其近邻保持完全不透明度和颜色,但其余节点和链接降低不透明度,链接颜色变为白色。 在鼠标移出时,节点和链接将恢复为其原始不透明度和颜色 缩放时,节点和链接都会相应缩放。 不幸的是,我的代码不满足最后三个要点,在这个过程中,链接现在呈现在节点的顶部,而不是相反 谁能帮我指出我哪里出了错 代码笔- 看起来第116行有一个简单的打字错误: // a
看起来第116行有一个简单的打字错误:
// add the curved links to our graphic
var link = svg.selectAll(".link")
.data(links_data)
.enter()
.append("path")
.attr("class", "link")
.style('stroke', linkColour)
.attr('stroke-width', 2);
此代码将所有链接放置在根元素下,而不是组。如果更改svg,请选择All。。。对于g.selectAll…,它似乎工作正常。太简单了!谢谢Steve,现在我只需要弄清楚如何解决颜色问题。好吧,函数名是LinkColor…,但是有几个引用LinkColor而不是驼色盒。。。我相信,如果你修复这些问题,它会工作得更好!哈哈,再次感谢史蒂夫,我显然需要一份清单来检查故障排除的基础知识
// add the curved links to our graphic
var link = svg.selectAll(".link")
.data(links_data)
.enter()
.append("path")
.attr("class", "link")
.style('stroke', linkColour)
.attr('stroke-width', 2);