plotly / plotly/plotly.js

Display hover text on top instead of to the right

Open
#381 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

community feature P3
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

Hover labels in Plotly are displayed on the right hand side of the displayed object, for example:
plotlyhover

This makes the numbers misaligned, especially for e.g. bar charts, where you'd expect a label to be shown on top of the bar instead of to the right of the bar
plotlyhover2

Is there an option to make the labels appear on top instead? In my second example it would appear in the same position as my current annotations — right on top of the bar. In the first example it should appear on top of the bubble.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files, tests, or entry points. Start by locating hover-label rendering for bar and bubble charts, then compare the two attached examples; done means an option places hover labels above the displayed object rather than to its right.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.