[FEATURE]: Support hovering all overlapping points

Aperta
#8,113 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
12/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Attiva
Stack tecnologico
javascript

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
JavaScript
Stelle
18.4k
Fork
2.1k
Merge medio
1g 5h
PR unite (30g)
12

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di plotly/plotly.js

Tutte le issue di plotly/plotly.js

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.