Javascript 成功获取节点位置后如何闪烁节点?

Javascript 成功获取节点位置后如何闪烁节点?,javascript,jquery,css,json,d3.js,Javascript,Jquery,Css,Json,D3.js,我正在使用d3js并使用g和circle设置svg。我已经成功地完成了所有工作,从json获取记录,使用正确的行设置节点位置,但我想在设置到指定位置后闪烁节点,同时增加radious并减少radious,直到我单击任何节点 我怎样才能做到这一点?完全正确,因为MKA为您提供了解决方案,只需按照步骤执行即可 只需创建css类名节点,并在圆圈中设置该类 .node { fill: #000; stroke: #fff; stro

我正在使用d3js并使用
g
circle
设置svg。我已经成功地完成了所有工作,从json获取记录,使用正确的行设置节点位置,但我想在设置到指定位置后闪烁节点,同时增加radious并减少radious,直到我单击任何节点


我怎样才能做到这一点?

完全正确,因为MKA为您提供了解决方案,只需按照步骤执行即可

只需创建css类名节点,并在圆圈中设置该类

.node {
            fill: #000;
            stroke: #fff;
            stroke-width: 1.5px;
        }
现在在您的圆圈中设置类节点,正如您提到的,您正在使用圆圈

var node = svg.selectAll(".node")
                .data(json.nodes)
                .enter().append("g");

node.append("circle")
             .attr('class', 'node')
             .attr("r", your value);
并在创建函数闪烁后调用:

 force
            .nodes(nodes)
            .links(links)
            .alpha(0.1)
            .friction(0.3)
            .gravity(0.3)
            .theta(1)
            .on("tick", tick)
            .start();
            blink();  //Here it is called
//闪烁效果函数

 function blink() {
            for (i = 0; i != 30; i++) {
                $('.node').fadeTo('slow', 0.1).fadeTo('slow', 5.0);
            }
        }

我用过这个例子,一切正常,只是想同时闪烁这三个节点。你是说除非你点击它,否则它们应该一直闪烁吗?是的,除非我点击其中任何一个节点,否则它们必须一直闪烁。很高兴帮助你:)也非常感谢你。@OMV1,如果我只想让某些特定节点闪烁怎么办?例如,如果(节点==“abc”)只闪烁node@sigmabeta我不知道如何设置特定的名称,但在我的例子中,我只是在json中设置了一个属性=true,通过该属性我只检查该属性是否为true,并将这些节点设置为可闪烁。