Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.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_Html_D3.js_Data Visualization_Chord Diagram - Fatal编程技术网

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属性来标识要过滤的节点。这可以是你想要的任何东西


在应用程序中,根据图例的用途,您需要检查图例中显示的源/目标节点或和弦本身的值。

谢谢!我现在仍然在决定如何最好地处理和弦对象中的数据。我仅有的信息是悬停在上面的图例项的颜色。我如何应用过滤器,以使源不是该颜色的和弦变暗?或者,我如何编辑和弦组数据以包含我更容易访问的其他类型的标识符?我可以澄清这是否有意义。很可能数据的某些属性被映射到图例中显示的颜色。这就是你想要的。