plotly / plotly/plotly.js

Plots with multiple axes are not aware of other axis tick labels

Ouverte
#4,785 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug P3
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

It seems that when you have multiple xaxes the tick labels are not aware of tick labels from the other axis. This causes the ticks to overlap on the xaxis1 right and xaxis2 left sides when zooming in and out. The following codepen is capable of reproducing the issue: https://codepen.io/cameronwaterman/pen/LYYXyJW

image

This can be mitigated by adjusting the axis domain to allow for more space between the two, but the issue still presents itself even with spacing if the tick labels are long enough. The domain gap would have to be larger then the amount of horizontal real estate I'm willing to sacrifice to completely avoid the issue.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la reproduction CodePen liée et examinez la disposition des ticks de multiple-x-axis lors des zooms avant et arrière. C’est terminé lorsque les étiquettes des ticks du côté droit de xaxis1 et du côté gauche de xaxis2 ne se chevauchent plus, y compris lorsque les étiquettes sont longues.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
data-visualization
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.