[FEATURE]: Support hovering all overlapping points

未關閉
#8,113 4 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

維護者通常 2 天內回覆

還沒有人認領這個 Issue。

評估

難度
5/5
預估耗時
一週以上
新手友好度
12/100
Issue 類型
功能
描述清晰度
需要釐清
活躍度
活躍
技術堆疊
javascript

研究方向

The issue names no source files, tests or entry points, so start by reading the earlier threads it links (plotly.js #720, #4294, #7578, #7663) to see what was already decided about hover. It is a proposal with no agreed UI, so the first step is a design discussion with maintainers. Done means an agreed interaction and a scoped implementation plan.

由索引模型根據 Issue 內容生成。

描述

enhancement feature P3 size: 5
Description

This is more like a proposal aimed at integrating and refining a long-standing feature request regarding hover behavior at overlapping points.

When multiple points overlap at the same position, Plotly currently selects a single winning point for hover. This means the hover information of the other overlapping points is inaccessible.

It would be useful to support hovering all overlapping points, either by displaying multiple hover labels or by grouping them into a single tooltip.

For cases with many overlapping points, a compact grouped tooltip that can be pinned and expanded could also be useful. For example, TanStack Charts demonstrates a pattern where the tooltip stays compact on hover and expands to show richer content when pinned. Similar hover pinning behavior has also been requested in Plotly.js (#7578, #7663):

https://tanstack.com/charts/catalog/charts/84-pinned-nested-chart-tooltip

Image Image

The exact UI does not necessarily need to follow this pattern. A similar interaction may already be possible by pre-grouping overlapping data (as long as the other overlapped records can be retrieved from the current hover winner), but native support could make it easier to implement.

Related discussions

This has come up several times over the years:

Plotly Community

Previous issues

主要語言
JavaScript
星號
18.4k
分支
2.1k
平均合併
1 天 5 小時
30 天內合併 PR
12

環境準備

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

plotly/plotly.js 的其他 Issue

查看 plotly/plotly.js 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。