我正面临着在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
但这对我来说看起来很讨厌.有人可以指点我一些文档或演示如何做“情节方式”尤其.热图?
最佳答案