自定义工具提示位置 [英] Custom tooltip positioning

问题描述

我面临着将自定义工具提示正确放置在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 that the way I calculate the position is currently the best way of doing it and thus this issue can be closed.

这篇关于自定义工具提示位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！