链接两个d3和弦图?

时间:2019-02-12 17:42:13

标签: d3.js chord-diagram

嗨,我是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")
              });

0 个答案:

没有答案