嗨,我是d3的新手,我已经使用d3v3创建了两个和弦图。和弦具有鼠标悬停功能,可以使鼠标没有悬停的所有导线消失。我想知道是否有一种方法可以使两个和弦同时发生相同的功能。以下是我用来使其他和弦消失的脚本的一部分。我的另一和弦也发生了同样的事情。下面的代码包含在创建整个和弦图的函数中。
var g = svg.selectAll("g.group")
.data(chord.groups())
.enter().append("g")
.attr("class", "group")
.on("mouseover", function (d, i) {
activeIndex = i;
chordPaths.classed("faded", function (p) {
console.log(chordPaths)
//console.log("source" + nameByIndex[p.source.index]);
return p.source.index != activeIndex
&& p.target.index != activeIndex;
});
})
.on("mouseout", function (d) {
d3.select('#' + divID + '-tooltip').style("visibility", "hidden")
});