在圆环图中使用TextPath绘制标签

Question

我正在为D3中的圆环图寻找一个jsfiddle样本，其中

• 标签位于弧线内
• 标签位于每个弧内
• 它们在弧线上弯曲（如下图所示）

更新：这是我到目前为止的代码http://jsfiddle.net/gs5qp5sx/1/

svg.selectAll("text").data(dataset.apples).enter()
        .append("text")
        .style("font-size",15)
        .style("fill","#F8F8F8")
        .attr("dy",0)
        .append("textPath")
        .attr("xlink:href",function(d,i){return "#s"+i;})
        .attr("startOffset","50%")
        .style("text-anchor","middle")
        .text(function(d,i){return "label"+i;})

你知道这样做的任何样本吗？

Answer 1

http://bl.ocks.org/mbostock/3887193

http://www.kevlindev.com/tutorials/basics/text/svg/index.htm

希望这些样品可以帮助你！