我在 Plotly.js 热图上正确定位自定义工具提示时遇到问题。
我正在使用 l2p 方法(这个首字母缩写词代表什么?)结合 pointNumber 数据来获得热图中的相对定位。看起来像:
x: point.xaxis.l2p(point.pointNumber[1]),
y: point.yaxis.l2p(point.pointNumber[0])
但问题在于它是相对于热图 svg 本身的顶部/左侧原点而没有外部 x 轴和 y 轴标签的,所以我实际上遗漏了那部分并且想知道是否有'没有直接获取定位信息的内置功能?使用外部 div 作为工具提示区域的问题是它们完全位于图表之外,因此我需要引用图表之外的顶部/左侧原点和轴标签的信息。
似乎可行的是使用轴私有(private) _offset 属性并将其添加到上面的 x 和 y 位置,所以我得到
x: point.xaxis.l2p(point.pointNumber[1]) + point.xaxis._offset,
y: point.yaxis.l2p(point.pointNumber[0]) + point.yaxis._offset
但这对我来说看起来很讨厌。有人可以指点我一些关于如何以“阴谋的方式”尤其是如何做到这一点的文档或演示。对于热图?
最佳答案
One of the core developers of Plotly answered me to this question我计算位置的方式是目前最好的方式,因此这个问题可以关闭。
关于javascript - 自定义工具提示定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41395959/