d3js闪烁与文本转换内摹

Question

我有以下https://jsfiddle.net/zzxpw3o0/

function dragstart(d) { 
    d3.event.sourceEvent.stopPropagation(); 
    d3.select(this).classed("fixed", d.fixed = true); 
} 

我得到了奇怪的闪烁

如果我删除摹包圆和文本一切都很好。

https://jsfiddle.net/e2t2z8uj/

想知道如果我能解决的闪烁。我有大约1k圈的文字标签，所以我不想创建2k svg：g for circle + text。

Answer 1

只是你的电话从循环往复到force.drag功能组，就像这样：

var nodes = svg.selectAll("g") 
    .data(d3.values(nodes)) 
    .enter() 
    .append("g") 
    .call(force.drag); // <= move that line here 

nodes.append("circle") 
    .attr("r", 10) 
    .style("fill", function (d, i) { return colors(i); }) 
    // .call(force.drag); // <= remove this line 

更新的小提琴是here。