在d3餅圖中查找圓上的x和y座標

我需要在d3餅圖外邊緣之外顯示工具提示。爲此，我需要找到外邊緣上的x和y座標。在d3餅圖中查找圓上的x和y座標

我能夠根據鼠標位置使用d3.event.pageX和d3.event.pageY帶來工具提示。但是我想將工具尖端放在扇形的外弧的中心。

如何找到座標爲這將有助於

2015-02-24 Manoj K J

你有一個JSFiddle？ – 2015-02-25 09:26:06

您可以使用['arc.centroid（）']（https://github.com/mbostock/d3/wiki/SVG-Shapes#arc_centroid）的實現作爲起點。你的情況唯一的區別是你會採取外部半徑，而不是內部和外部半徑之間的中間。 – 2015-02-25 09:31:56

從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

來源

2015-02-25 09:33:41 ahmohamed

在d3餅圖中查找圓上的x和y座標

回答

相關問題