d3圆环饼图如何刷新数据

时间:2015-10-09 07:49:21

标签: javascript d3.js

我正在使用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/

0 个答案:

没有答案