javascript - 如何在成功获取节点位置后闪烁节点？

Question

我正在使用 d3js 并使用 g 和 circle 设置 svg 所有我都成功完成，获取记录从 json 中使用正确的行设置节点位置，但我想在设置到指定位置后通过增加半径并同时减小半径来闪烁节点，直到我单击任何节点。

我该怎么做？

Answer 1

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