Javascript 访问弦线图D3
当一个单独的图表悬停在上方时,我正在从和弦图中淡出某些线条。我在看淡入淡出功能的代码Javascript 访问弦线图D3,javascript,html,d3.js,data-visualization,chord-diagram,Javascript,Html,D3.js,Data Visualization,Chord Diagram,当一个单独的图表悬停在上方时,我正在从和弦图中淡出某些线条。我在看淡入淡出功能的代码 `function fade(opacity) { return function(g, i) { svg.selectAll(".chord path") .filter(function(d) { return d.source.index != i && d.target.index != i; }) .transition() .style("opac
`function fade(opacity) {
return function(g, i) {
svg.selectAll(".chord path")
.filter(function(d) { return d.source.index != i && d.target.index != i; })
.transition()
.style("opacity", opacity);
};
}`
我想知道是否有人能向我解释d.source.index和d.target.index的含义。我一般都知道它是和弦的来源,也是和弦的目标,但我想对索引的值/含义有更具体的了解,以便更好地操纵选择
我的最终目标是在一个单独的图例矩形框中覆盖一个框,并使和弦图淡入淡出,以便只有在图例框中悬停的颜色保留完全不透明度。每个和弦都有与其相关的数据。除其他外,该数据具有源和目标属性,它们指向和弦连接的节点。在上面的代码中,引用源节点和目标节点的index属性来标识要过滤的节点。这可以是你想要的任何东西
在应用程序中,根据图例的用途,您需要检查图例中显示的源/目标节点或和弦本身的值。谢谢!我现在仍然在决定如何最好地处理和弦对象中的数据。我仅有的信息是悬停在上面的图例项的颜色。我如何应用过滤器,以使源不是该颜色的和弦变暗?或者,我如何编辑和弦组数据以包含我更容易访问的其他类型的标识符?我可以澄清这是否有意义。很可能数据的某些属性被映射到图例中显示的颜色。这就是你想要的。