访问线和弦图 D3

Question

当单独的图表悬停在上方时，我正在努力从和弦图中淡出某些线条。我正在查看“淡入淡出”功能的代码，

`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 的含义。我通常理解它是和弦的来源和和弦的目标，但我想更具体地了解“索引”的值/含义，以便我可以更好地操纵选择。

我的最终目标是在一个单独的图例矩形中覆盖一个框，并使和弦图淡化，以便只有图例框中悬停的颜色保持完全不透明度。

Answer 1

每个和弦都有与之关联的数据。除其他外，该数据具有source 和target 属性，它们指向和弦连接的节点。在上面的代码中，引用了源节点和目标节点的index 属性来识别要过滤的节点。不过，这可以是您想要的任何东西。

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