javascript – 自定义工具提示定位

前端之家收集整理的这篇文章主要介绍了javascript – 自定义工具提示定位前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正面临着在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

但这对我来说看起来很讨厌.有人可以指点我一些文档或演示如何做“情节方式”尤其.热图?

最佳答案
One of the core developers of Plotly answered me to this question我计算位置的方式目前是最好的方法,因此可以关闭这个问题.
原文链接:https://www.f2er.com/js/429124.html

猜你在找的JavaScript相关文章