Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3强制布局颜色和缩放_Javascript_D3.js - Fatal编程技术网

Javascript D3强制布局颜色和缩放

Javascript D3强制布局颜色和缩放,javascript,d3.js,Javascript,D3.js,我正在使用下面的代码片段,并试图纠正链接行为中的一些错误 预期行为如下: 默认情况下,链接根据“A”或“E”链接的“类型”进行着色 在节点上方的鼠标上,节点及其近邻保持完全不透明度和颜色,但其余节点和链接降低不透明度,链接颜色变为白色。 在鼠标移出时,节点和链接将恢复为其原始不透明度和颜色 缩放时,节点和链接都会相应缩放。 不幸的是,我的代码不满足最后三个要点,在这个过程中,链接现在呈现在节点的顶部,而不是相反 谁能帮我指出我哪里出了错 代码笔- 看起来第116行有一个简单的打字错误: // a

我正在使用下面的代码片段,并试图纠正链接行为中的一些错误

预期行为如下:

默认情况下,链接根据“A”或“E”链接的“类型”进行着色 在节点上方的鼠标上,节点及其近邻保持完全不透明度和颜色,但其余节点和链接降低不透明度,链接颜色变为白色。 在鼠标移出时,节点和链接将恢复为其原始不透明度和颜色 缩放时,节点和链接都会相应缩放。 不幸的是,我的代码不满足最后三个要点,在这个过程中,链接现在呈现在节点的顶部,而不是相反

谁能帮我指出我哪里出了错

代码笔-


看起来第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);