[FEATURE]: Support hovering all overlapping points

Offen
  • Stimmt etwas nicht?
#8,113 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
12/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Aktiv
Tech-Stack
javascript
Bereich
data-visualization, frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
JavaScript
Sterne
18.4k
Forks
2.1k
Ø Merge
1 T. 5 Std.
Gemergte PRs (30 T.)
12

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus plotly/plotly.js

Alle Issues in plotly/plotly.js

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.