隐藏D3和弦图中的文本元素

时间:2013-08-05 11:06:38

标签: d3.js chord-diagram

this example类似:

enter image description here

我有一个功能可以突出显示与所选组相关联的和弦并隐藏所有不相关的和弦:

function fade() {
    return function(d, i) {
        svg.selectAll("path.chord")
        .filter(function(d) {
            return d.source.index != i && d.target.index != i;
        })
        .style("visibility", "hidden");
    };
}

我试图扩展它,这样它不仅可以隐藏和弦,还可以隐藏未连接到当前所选组的组的文本标签。

是否可以将这两个操作合并为一个我传递给.on("mouseover",[function])的函数?

1 个答案:

答案 0 :(得分:3)

您可以选择逻辑OR,如下所示:

svg.selectAll("path.chord, text.groupLabel")

有关详细信息,请参阅documentation on selections