访问线弦图D3

Accessing Lines Chord Diagram D3

本文关键字：D3 访问      更新时间：2023-09-26

当一个单独的图表悬停在上面时，我正在处理从和弦图中淡出某些线条的问题。我在看"淡入淡出"功能的代码，

`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的含义。我通常知道它是和弦的来源和目标，但我想对"索引"的值/含义有一些更具体的了解，这样我就可以更好地操纵选择。

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

每个和弦都有与其关联的数据。这些数据具有source和target属性，这些属性指向和弦连接的节点。在上面的代码中，引用了源节点和目标节点的index属性来标识要筛选的节点。这可以是你想要的任何东西。

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

相关文章：