Javascript 成功获取节点位置后如何闪烁节点?
我正在使用d3js并使用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
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,并将这些节点设置为可闪烁。