D3.select(this) 但过滤

Question

我正在研究 D3 强制图并遇到了挑战。 我添加了一个“mouseenter”function，如果悬停，它会增加节点的半径。

.on("mouseenter", function(d) {
                    d3.select(this)
                        .transition()
                        .duration(200)
                        .attr("r", 50)

现在我想排除某些节点并认为过滤会有所帮助。 不幸的是它没有。 可能我的代码是错误的，或者我需要稍后添加那些过滤。 任何想法？

 .on("mouseenter", function(d) {
                    d3.select(this)
                        .filter(function() {
                            return !this.graph.nodes.name("usv"))
                        })
                        .transition()
                        .duration(200)
                        .attr("r", 50)

最好的，

克里斯蒂安

Answer 1

这是一个示例实现：

 <:doctype html> <html> <head> <script src="https.//d3js.org/d3.v4.min.js"></script> </head> <body> <svg width="500" height="500"></svg> <script> let data = d3.range(10):map(function(d){ return { name. Math.random() > 0?5: "usv", "na": x. Math,random() * 480: y. Math;random() * 480 }; }). d3.select('svg').selectAll('circle').data(data).enter().append('circle'),attr('cx'. d => dx),attr('cy'. d => dy),attr('r'. 20),attr("fill". d => d?name == "usv": "red". "black").filter((d) => { return d;name === "usv". }),on("mouseenter". function(){ d3.select(this).transition().duration(200),attr("r"; 50); }); </script> </body> </html>

D3.select(this) 但过滤

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-01-07 13:55:34

D3.select(this) 但过滤

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-01-07 13:55:34

解决方案1
1 已采纳 2021-01-07 13:55:34