Question

整体背景：我在维基空间的页面之间有一个交叉引用的数据库，并希望逐步增加链接的可视化。

我有工作代码，可以在鼠标悬停时显示标签簇。但是当你离开时，我想保留某些关键标签（例如集群的中心），而不是隐藏所有标签。

我分叉了一个现有的例子并且大致正常工作。

信息位于http://webseitz.fluxent.com/wiki/WikiGraphBrowser
靠近该空间的底部或该空间中的任何其他页面，在以“BackLinks：”开头的块中，最后您将找到“Click here for WikiGraphBrowser”，它将启动一个带有界面的窗口
在http://www.wikigraph.net/static/d3/cgmartin/WikiGraphBrowser/处可见的等效静态子集示例：

enter image description here

该示例的代码位于https://github.com/BillSeitz/WikiGraphBrowser/blob/master/js/wiki_graph.js

用于删除所有标签的代码：

i = j = 0;
if (!bo) { //bo=False - from mouseout
    //labels.select('text.label').remove();
        labels.filter(function(o) {
        return !(o.name in clicked_names);
        })
        .text(function(o) { return ""; });
        j++;
}

代码试图留下一些标签，不工作：

labels.forEach(function(o) {
    if (!(d.name in clicked_names)) {
        d.text.label.remove();
    }

我知道我根本就没有去玩d3模型...... THX

Answer 1

问题归结为您使用in来搜索数组中的名称。 Javascript in关键字搜索对象键而非对象值。对于数组，键是索引值。因此，测试(d.name in clicked_names)将始终返回false。

尝试

i = j = 0;
    if (!bo) { //bo=False - from mouseout
        //labels.select('text.label').remove();
         labels.filter(function(o) {
            return (clicked_names.indexOf(o.name) < 0);
            })
            .text(function(o) { return ""; });
            j++;

    }

如果数组中没有元素与参数相等（通过三等于标准），则array .indexOf(object)方法返回-1。或者，如果您尝试支持IE8（我假设没有，因为您使用的是SVG），您可以使用.some(function)测试。

顺便说一句，删除标签并将其文本内容设置为空字符串之间存在差异。使用哪一个取决于您是否要稍后再次显示文本。无论哪种方式，只要确保你最终没有堵塞浏览器的大量空标签。

在D3力导向图中选择性地删除节点标签

1 个答案: