plotly / plotly/plotly.js

[BUG]: Background image is rendered at an incorrect size after box zoom followed by mouse wheel zoom out

Ouverte
#7,914 8 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug good first issue good for agent P2 size: 1
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

Description

On charts containing a background image with xref: "x" and yref: "y", performing a box zoom followed by a manual zoom out causes the background image to be rendered with an incorrect size and position. It no longer matches the coordinate system defined by xref and yref.

Screenshots/Video

https://github.com/user-attachments/assets/08c53c01-0fca-4845-8b59-06e837382884

Steps to reproduce

Here https://codepen.io/JulienIcon/pen/QwdBypd, try to box zoom a small part of the chart and then try to manually zoom out using the mouse wheel

Notes

If the zoom is reset using the default double-click interaction, the background image is rendered correctly again.

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

Reproduisez le problème à l’aide du CodePen associé : effectuez un box zoom sur une petite région du graphique, puis faites un zoom out avec la molette de la souris et comparez l’image d’arrière-plan avec ses références de coordonnées x/y. Suivez les chemins de rendu et d’interaction du zoom de background-image, puis confirmez que l’image conserve la bonne taille et la bonne position après le zoom-out manuel, tandis que le double-click reset reste correct.

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é
3/5
Temps estimé
1-2 jours
Activité
Active
Clarté
Plutôt claire
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

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