访问线条和弦图D3

Question

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

`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“的值/含义，以便更好地操纵选择。

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

Answer 1

每个chord都有与之关联的数据。该数据具有source和target属性，这些属性指向chord连接的节点。在上面的代码中，引用了源节点和目标节点的index属性，以确定要过滤哪些节点。这可以是你想要的任何东西。

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