在d3饼图中查找圆上的x和y坐标

Question

我需要在d3饼图外边缘外显示工具提示。为此我需要在外边缘找到x和y坐标。

我可以使用d3.event.pageX和d3.event.pageY根据鼠标位置显示工具提示。但我想将工具尖端放在饼图切片外弧的中心。

有关如何找到坐标的任何指示都会有所帮助

Answer 1

来自D3.js documentation：

arcs.append("text")
    .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .text(function(d) { return d.value; });

有关正常工作的this question

，请参阅fiddle