javascript - 在 d3 和弦图中焦点移出时禁用布局重置

Question

我正在使用与此处类似的 d3 和弦图 http://bl.ocks.org/AndrewRP/7468330 。该设置对我来说非常有用，但即使在我将焦点移出图表后，我也需要显示所选和弦。到目前为止，根据默认实现，当我们将鼠标或焦点移出和弦图时，和弦图会重置。

执行和弦淡入淡出的函数如下，我希望鼠标从图表中移出后出现此行为。这当前应用于 .group 元素。

function mouseover(d, i) {
    chord.classed("fade", function(p) {
        return p.source.index != i &&
            p.target.index != i;
    });

    chord.classed("show", function(p) {
        return p.source.index == i ||
            p.target.index == i;
    });
}

有什么方法或处理程序可以控制这种行为。请帮助我。

Answer 1

悬停效果不在代码中，而是在 css 中，因此您需要更改 css。

在样式部分中删除悬停效果，因此:

  #circle:hover path.fade {
    display: none;
  }

将变成这样:

path.fade {
    display: none;
  }

工作代码here