Javascript d3饼图/圆环图中标签的转换
我正在制作一个甜甜圈图表,可以在几个不同的数据集之间切换。我已经能够使切片很好地过渡,并且正在使用arc.centroid定位标签,但是我不知道如何将arc tweening函数应用于标签。我想我差不多明白了,任何提示都将不胜感激Javascript d3饼图/圆环图中标签的转换,javascript,d3.js,Javascript,D3.js,我正在制作一个甜甜圈图表,可以在几个不同的数据集之间切换。我已经能够使切片很好地过渡,并且正在使用arc.centroid定位标签,但是我不知道如何将arc tweening函数应用于标签。我想我差不多明白了,任何提示都将不胜感激 下面是一个活生生的例子:只需向组中添加一个转换: label_group.data(pie) .transition().duration(750) // The above transition is all you need .attr("transf
下面是一个活生生的例子:只需向组中添加一个转换:
label_group.data(pie)
.transition().duration(750)
// The above transition is all you need
.attr("transform", function(d) {
var c = arc.centroid(d);
return "translate(" + c[0] +"," + c[1] + ")";
});
也向标签组添加相同的过渡效果
label_group.data(pie)
.transition().duration(750)
.attr("transform", function(d) {
var c = arc.centroid(d);
return "translate(" + c[0] +"," + c[1] + ")";
})
哦,哇,这只是
.transition()
和.attr()
方法的顺序。非常感谢。我接受了Manoj的回答,因为他包括了一个演示,但是谢谢!