d3，饼图，外面的标签不能正常工作

Question

我的饼图有问题，因为标签没有显示在左侧。有谁知道这个问题？

http://codepen.io/user1010/pen/BQPvLL

问题就在这里：

{{1}}

Answer 1

您可以尝试以下更改（应用于原始代码：http://codepen.io/anon/pen/mOjaYW）

增加labelArc

的半径

var labelArc = d3.svg.arc()
    .outerRadius(radius + 30)
    .innerRadius(radius + 30);

将主图表svg更多地移到右侧

transform: 'translate(' + w/1.5 +',' + h/2 + ')'

将标签对齐

.attr("text-anchor", "middle")

调整窗口小部件类的大小

width:500px