D3.js Animate Labels具有轻松弹跳或线性效果

时间:2016-05-26 09:13:28

标签: javascript jquery angularjs d3.js svg

我必须实现一个像这个链接http://bl.ocks.org/mbostock/4341574的饼图,但标签和直到弧的质心。

任何想法我怎么能旋转线

    polyline.transition().duration(1000)
      .attrTween("points", function(d){
                  this._current = this._current || d;
                  var interpolate = d3.interpolate(this._current, d);
                  this._current = interpolate(0);
                  return function(t) {
                    var d2 = interpolate(t);
                    var pos = outerArc.centroid(d2);
                    pos[0] = radius * 0.95 * (midAngle(d2) < Math.PI ? 1 : -1);
                    return [arc.centroid(d2), outerArc.centroid(d2), pos];
              };    
        });

0 个答案:

没有答案