獲取路徑上D3點的x，y位置

我有下面的d3圖表，我需要找到7個點的x，y座標。我嘗試了一堆方法，但似乎無法弄清楚。我將使用座標來創建我需要放在圖表上的其他元素。 d3.selectAll("path")給了我需要的點的數組，但我不知道如何讓這些來獲得座標。獲取路徑上D3點的x，y位置

http://jsbin.com/loluwirepi/1/edit?html,output

來源

2016-07-22 zmanc

可能這是有幫助的http://stackoverflow.com/questions/26172311/d3-invert-scale-function – Cyril

你說的是什麼觀點？如果點數由圓圈表示，我只計算其中的六個......不幸的是，您的JSBin甚至不可執行！爲了在路徑上放置圓，您可能需要查看[*「如何返回d3.js中路徑的y座標？」]（/ q/12431595）。 – altocumulus

D3尺度變換域輸入到一系列的輸出。他們也可以做相反的事情。該域是您的業務內容（價格，時間，總銷售額等），範圍是svg元素的維度。假設你的2個秤稱爲xScale和yScale。如果要查找97,000和25％的x，y點，請在xScale中查找25％的反轉，並在yScale中查找97,000的反轉。

var xPoint = xScale.invert(0.25) 
var yPoint = yScale.invert(97000)

來源

2016-07-22 05:20:41

獲取路徑上D3點的x，y位置

回答

相關問題