plotly/plotly.js

[FEATURE]: Setting `itemheight` (analogous to `itemwidth`) to increase height of fill in legend

Open

#7,924 opened on Jul 28, 2026

View on GitHubContributor guide
 (3 comments) (0 reactions) (1 assignee)JavaScript (1,846 forks)batch import
P3enhancementfeaturegood first issuegood for agentsize: 3

Repository metrics

Stars
 (15,964 stars)
PR merge metrics
 (Avg merge 35d 19h) (36 merged PRs in 30d)

Description

Description

Please consider adding layout.legend.itemheight setting (similar to current layout.legend.itemwidth)

For plots with a fillpattern applied, it would be great if we could increased the height of the corresponding legend item so that more of the fill pattern was visible.

Why should this feature be added?

Currently, the fillpattern is only 6 pixels high (I think), but if we could make it higher then more of the pattern would be visible.

Mocks/Designs

The current legend item height:

Setting the svg path to v12 shows more of the pattern fill and makes the regions more easily identifiable (my vertical alignment is off, but hopefully the concept is clear enough).

Best regards

Contributor guide

Research direction
Investigate how `itemwidth` is implemented in the legend layout code, then apply analogous changes for `itemheight`.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75