[FEATURE]: Support hovering all overlapping points

オープン
#8,113 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
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時間
マージ済み PR(30日)
12

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

plotly/plotly.js のほかの issue

plotly/plotly.js の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。