我正在使用d3 http://bl.ocks.org/nnattawat/9368297
中的饼图我正在使用不同的数据集:
_data = [{
"label": "one",
"value": 20
},
{
"label": "two",
"value": 50
},
{
"label": "three",
"value": 30
}];
我已经显示但是我在代码片段中刷新它有问题
if(!svg){
...
} else {
g.data(pie(d3.entries(_data))).exit().remove();
g.select("path")
.transition().duration(200)
.attrTween("d", arcTween);
g.select("text")
.attr("transform", function (d) {
return "translate(" + arc.centroid(d) + ")";
});
svg.select("text.text-tooltip").datum(_data);
function arcTween(a) {
var i = d3.interpolate(this._current, a);
this._current = i(0);
return function (t) {
return arc(i(t));
};
}
}
使用此代码,工具提示和标签显示在不同位置的文字,但弧线显示不正确
来自http://bl.ocks.org/nnattawat/9368297 Jsfiddle http://jsfiddle.net/sp4hvwh3/
我不明白为什么在刷新时它没有正确显示。
这个小提琴呈现我正在使用的http://jsfiddle.net/8fue95u3/4/