获取路径上D3点的x，y位置

Question

我有下面的d3图表，我需要找到7点的x，y坐标。我尝试了很多方法，但似乎无法弄明白。我将使用坐标创建我需要放在图表上的其他元素。 d3.selectAll("path")为我提供了我需要的点数，但我不确定如何获取这些点来获取坐标。

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

Answer 1

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)