plotly / plotly/plotly.js

Axis labels (sprites) breaking into the chart

Open
#5,896 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

I'm using surface 3d graphics, and I'm having problems with ticks.

On issue #3306 @ShaneHudson released a JSFiddle that contains my problem:

Take a look at the following:
A) https://jsfiddle.net/mqdevWG/asyjph3u/

As you can see, in this example there is an axis label that is quite big, and this label 'enters' the chart as you can see:

image

Does anyone know anything that could help me with this case? Below I leave a print of the situation that happened to me:

image

Thanks in advance for any help!

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 by reproducing the surface 3d tick-label overlap in the JSFiddle linked from issue #3306, then compare it with the examples and screenshots in this issue. Trace how axis labels are positioned in the relevant chart code; done means large labels remain outside the chart rather than entering the plotting area.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.