获取路径上 D3 点的 x,y 位置答案

【问题标题】：Get x,y location of D3 point on path获取路径上 D3 点的 x,y 位置
【发布时间】：2016-11-25 20:22:51
【问题描述】：

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

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

【问题讨论】：

这可能会有所帮助stackoverflow.com/questions/26172311/d3-invert-scale-function
你在说什么？如果点用圆圈表示，我只数其中六个......不幸的是，您的 JSBin 甚至无法执行！要在路径上放置圆圈，您可能需要查看"How do I return y coordinate of a path in d3.js?"。

标签： javascript d3.js

【解决方案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)

【讨论】：