plotly / plotly/plotly.js

Plotly.relayout call stops the _fullLayout of the DOM object to track subsequent layout changes triggered by mouse interaction

Aperta
#6,156 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

bug P2
Lingua principale
JavaScript
Stelle
18.3k
Fork
2k
Merge medio
2g 12h
PR unite (30g)
28

Descrizione

Hi,

I had been doing some tests with layout persistence using uirevision and noticed that a manual call to Plotly.Plots.resize or Plotly.relayout after a plot object has been created stops _fullLayout.scene.camera.eye of the DOM object associated to the plot to track the actual value of scene.camera.eye shown in the Plot.

This causes subsequent calls to Plotly.react with the same uirevision to reset the view. This problem does not exist if no manual relayout is done, but I needed resize (and thus relayout) for my use case to adapt the plot size after creation.

Here is a gif example:
9b5587a0-2caa-4334-b17f-2f999ebcc46e

and the related codepen link:
https://codepen.io/disberd/pen/xxpgEVq

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia riproducendo il problema di persistenza della telecamera con il CodePen collegato, usando Plotly.Plots.resize o Plotly.relayout, seguito dall’interazione con il mouse e da Plotly.react con lo stesso uirevision. Traccia come viene aggiornato _fullLayout.scene.camera.eye e confronta il comportamento con e senza la chiamata manuale. Il lavoro è completato quando le chiamate successive a Plotly.react preservano la vista della telecamera modificata dall’interazione dopo un ridimensionamento o un relayout.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript
Ambito
data-visualization
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.