plotly / plotly/plotly.js

Hover box overlapping point/cursor

未关闭
#5,097 4 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

bug P3
主要语言
JavaScript
星标
18.3k
派生
2k
平均合并
2 天 12 小时
30 天内合并 PR
28

描述

With plotly express, when using hover_data, the hover box sometimes covers the point for which it is shown (depending on the size of the hover box). It would be good if this could get avoided by shifting the box. In many cases, it is clear before showing the plot, in which direction the hoever box could get shifted to better avoid this, so even if the javascript cannot figure this out automatically it would be good to allow something like "hover_box_delta_x", "hover_box_delta_y" to shift the box that many pixels to the right (if negative, to the left), for example.

When the box completely covers the cursor and the point it is shown for it is very hard to put the information in context and even harder to show the information for another point, because neighbouring points are not visible at all.

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

首先跟踪与 plotly express 和 hover_data 一起使用的 JavaScript 悬停处理,重点关注悬停框相对于其点和光标的位置。完成的标准是:在可能的情况下,悬停框不会遮挡选中的点;当自动定位无法确定更好的方向时,支持所提议的水平和垂直像素偏移。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript
领域
data-visualization
Issue 类型
功能
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。