自定义工具提示定位

2024-05-17

我在 Plotly.js 热图上正确定位自定义工具提示时遇到问题。

我使用 l2p 方法(这个缩写代表什么?)结合 pointNumber 数据来获取热图中的相对位置。看起来像:

x: point.xaxis.l2p(point.pointNumber[1]),
y: point.yaxis.l2p(point.pointNumber[0])

但问题是它是相对于热图 svg 本身的上/左原点,没有外部 x 轴和 y 轴标签,所以我实际上错过了该部分,并想知道是否没有构建-in 功能可以直接获取此定位信息吗?使用外部 div 作为工具提示区域的问题是它们完全位于图表之外,因此我需要参考图表外部的上/左原点和轴标签的信息。

似乎有效的是使用 axis private _offset 属性并将其添加到上面的 x 和 y 位置,所以我得到

x: point.xaxis.l2p(point.pointNumber[1]) + point.xaxis._offset,
y: point.yaxis.l2p(point.pointNumber[0]) + point.yaxis._offset

但这对我来说看起来很讨厌。有人可以向我指出一些关于如何“以情节方式”尤其是如何做到这一点的文档或演示吗?对于热图?


Plotly 的一位核心开发人员回答了我这个问题 https://community.plot.ly/t/how-to-customize-plotly-tooltip/332/13?u=andi1984我计算位置的方式是目前最好的方式,因此这个问题可以关闭。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

自定义工具提示定位 的相关文章