正在查看sample :
d3.select("body").selectAll("div")
.data([4, 8, 15, 16, 23, 42])
.enter().append("div")
.text(function(d) { return d; });
不禁想知道如何使附加对提供的数据敏感 - 比如说附加并填充文本
并使用一些谓词说if d == 8
否则不附加?
最佳答案
最简单的方法是在调用 .data( ... )
之前过滤数组:
d3.select("body").selectAll("p")
.data([4, 8, 15, 16, 23, 42].filter(function(d){ return d < 10; }))
.enter().append("div")
.text(function(d) { return d; });
将为 4 和 8 创建一个 div。
或者,您可以在将数组绑定(bind)到页面上的元素后过滤您的选择,以有条件地创建子元素:
d3.select("body").selectAll("div")
.data([4, 8, 15, 16, 23, 42])
.enter().append("div")
.text(function(d) { return d; })
.filter(function(d){ return d == 8; }).append("span")
.text("Equal to 8")
关于javascript - 如何根据D3中的数据创建元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17723916/