Question

我选择了我试图根据某种风格价值进行过滤的要素(我只想用不透明=1的字体)。 I m 查阅。连同和选。而且,我也把正确使用与职能论点混为一谈。

“选择”表示,它选择了第一个配对要素(如预期),但过滤文件的例子表明,在保持指数的同时,它利用职能选择“奇”要素。

“当选人”表示,你可以回归一系列内容,但以通常的方式,在最初的甄选中,对每个要素援引功能论点。我很难想象这方面的使用。

I guess what I m wondering is whether there are any tutorials or examples around that discuss the correct usage of these functions?

Thanks, scott

Answer 1

如果你想要将选择减少到一组选定的要素,则使用filter<>strong>。如果你想选择附庸内容,则使用select 或slectAll/strong>。

通常,过滤器被用于根据数据或指数对部件进行过滤。但是,在过滤功能中,您可以查阅选定元素(>this)。因此,如果你选择了一些要素,而且你只想把这一选择减少到那些有1个不透明因素的人,你可以说:

var opaque = selection.filter(function() { return this.style.opacity == 1; });
为了安全起见,你可能更愿意看 computed风格,而不是内容风格。这样,如果从风格上继承不透明,那么你就会获得正确价值;否则,如果一个风格继承了<条码>,那么,即: 字典<>/条码>将是空洞的。

var opaque = selection.filter(function() { return window.getComputedStyle(this, null).getPropertyValue("opacity") == 1; });

或相当的是,选择节点和使用。

var opaque = selection.filter(function() { return d3.select(this).style("opacity") == 1; });

You might find it easier if you filter by data or by class, instead of by computed style property. For example, if you set a class on your nodes, you can filter a selection by class instead:

var opaque = selection.filter(".opaque");