plotly / plotly/plotly.js

Add an option to change the highlighting background color of `updatemenus`

Open
#1,428 9 comments 20 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Currently only the normal (i. e. unhighlighted) background color can be changed through the parameter bgcolor. If you set this background to a dark coloring, you most probaby also want to adjust the text font to a bright coloring so that the text is still readable. But then the text becomes pretty unreadable while being highlighted since the highlighting background color is very bright!

Therefore I think an additional parameter bgcolor_active or the like should be introduced.

Additionally, an even more sophisticated solution could involve an automatic adjustment of the text font color and/or background color depending on the color brightness of the user defined bgcolor and/or font.color values (this seems to be already the case with the font color of hoverinfo labels).

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

Start with the layout updatemenus reference entries for bgcolor and font.color, then trace the existing highlighted-state handling. Decide whether the requested active background option is the scoped change; done means the option is documented and highlighted controls remain readable with dark normal backgrounds, with coverage for the new behavior.

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.