如何在成功获取节点位置后眨眼节点

How to blink nodes after successfully get position of nodes?

本文关键字：节点 位置 获取 成功      更新时间：2023-09-26

我使用d3js并将svg与g和circle设置为我成功完成的所有操作，从json中获取记录，以适当的行设置节点位置，但我想在设置到指定位置后通过增加半径和减少半径同时眨眼节点，直到我点击任何节点。

我该怎么做?

完全正确，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);

并在创建函数后调用blink:

 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);
            }
        }
相关文章：