javascript - 自定义工具提示定位

标签 javascript heatmap plotly

我在 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/

相关文章:

algorithm - 高度图生成算法?

python - matplotlib 中的 3D 离散热图

python - 如何在 plotly 中获取所有色标的名称?

r - 在 Linux 中将 ggplot2 对象保存为 ggplotly 并保存到磁盘

javascript - 在codeigniter php中插入数据后显示成功弹出消息

javascript - 修复/转义 javascript 转义字符?

javascript - Vue js 事件中的命名空间

python - 带 map 背景的离线热图

javascript - 在 for 循环中,使用临时变量或索引访问值哪个更快?

R Plotly 动画哑铃图 : Subscript out of bounds