Plot.ly - 如何获得标记/点的精确x / y像素坐标?

时间:2017-01-02 22:15:49

标签: javascript svg plotly

现在,我正在努力将x和y轴位置从散点图上的标记转换为相对于图形的像素位置。我的目标是在图表外部添加一个html元素,并将其正好位于该点之上。

我在这里检查了这个论坛帖子:https://community.plot.ly/t/how-to-customize-plotly-tooltip/332。在那里,我发现了l2p()函数,这似乎有很大帮助。返回的x / y像素坐标似乎在正确的路径上,但是返回的坐标和屏幕上的点的实际坐标之间存在巨大的偏移。这是一个快速演示:

http://codepen.io/diegoliv/pen/NdWKWj

(检查屏幕上红点的位置,对于x / y轴,它总是有相同的偏移量。)

我用几个数据源尝试了这个代码,看起来偏移量因所有数据而异。

因此,我怀疑来自l2p()和类似函数(如d2p())的返回结果与根svg元素无关,但与其他内容相关。

我们如何计算这个偏移量,以便我们可以用它来计算红点图形上的精确x / y像素坐标?或者,有没有其他更好的方法来获得这些坐标?

0 个答案:

没有答案