D3.js 在d3饼图中求圆上的x和y坐标

D3.js 在d3饼图中求圆上的x和y坐标,d3.js,D3.js,我需要在d3饼图外缘外显示工具提示。为此,我需要找到外缘上的x和y坐标 我能够使用d3.event.pageX和d3.event.pageY根据鼠标位置显示工具提示。但是我想把刀尖放在饼图切片的外弧的中心 任何关于如何找到其坐标的指针都会很有帮助从D3.js: 请参阅以获取工作指南是否有JSFIDLE?可以使用的实现作为起点。在你的例子中唯一的区别是,你会选择外半径,而不是内半径和外半径之间的中间。 arcs.append("text") .attr("transform", funct

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

我能够使用d3.event.pageX和d3.event.pageY根据鼠标位置显示工具提示。但是我想把刀尖放在饼图切片的外弧的中心

任何关于如何找到其坐标的指针都会很有帮助

从D3.js:


请参阅以获取工作指南

是否有JSFIDLE?可以使用的实现作为起点。在你的例子中唯一的区别是,你会选择外半径,而不是内半径和外半径之间的中间。
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; });