SVG / JavaScript饼图，外部标签受容器宽度约束

Question

饼图的所有示例（带有外部标签和线条）都使用围绕圆圈定位的标签（下图A）。问题是我的饼图所在的容器的宽度约束等于饼图的宽度。

1）是否可以如下图B所示定位标签？
2）有没有其他解决方案来解决我的问题？

NB！标签不能放在圆圈内。我很乐意使用任何JavaScript库来实现所需的结果。

Answer 1

请转到http://jsfiddle.net/thudfactor/HdwTH/并在饼图区域中查看视图来源（请相信此作者）。将源粘贴到IDE中。

进行以下修改：

// Store our chart dimensions
    cDim = {
        height: 300, //500
        width: 300,//500
        innerRadius: 50,
        outerRadius: 150,
        labelRadius: 150 //175
    }

这使用d3.js库