plotly / plotly/plotly.js

Scatter3D does not remember its visual state in certain conditions

Aperta
#5,560 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

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

Descrizione

Visual state is zoom level, orientation, position, etc...
Checking for saving state: simply click on one of this control buttons: image or call Plotly.restyle. None of these actions should change the visual state.

Bugs briefly:

  1. Mouse wheel zooming not saving last zoom lvl (always reverted to previous zoom lvl).
  2. Touch pad zooming/rotating/moving not saved at all.

Сonditions under which the visual state is not preserved:

Zoom without mouse click - by mouse wheel.
Each odd iteration of zoom level with mouse wheel - will not be remembered. Why odd? Because plotly will save previous zoomlvl after next zoom. In other words - mouse wheel zoomlvl will be reverted 1 step back after restyle or other refresh actions.

https://user-images.githubusercontent.com/17767561/111899838-13396280-8a40-11eb-87ba-4849c2602679.mp4

This make mouse wheel zooming not usable with updating by time interval (Plotly.restyle) plots. Side note - if your click any where in the plot after mouse wheel zoom - zoomlvl will be stored.

Any plot manipulation with touch pad.
Here same behavior - touch any where in the plot after manipulating - will store visual state. See video below.

https://user-images.githubusercontent.com/17767561/111899939-bc805880-8a40-11eb-9d72-be0d15e8e907.mp4

Repro: https://codepen.io/k_sze/pen/WXgNoJ (from #2181). You can click buttons or call restyle() function in console.

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 con la riproduzione CodePen collegata e testa le interazioni di Scatter3D, seguite dagli aggiornamenti tramite Plotly.restyle o control-button. Traccia la gestione dello stato visivo per le modifiche di mouse-wheel e touch-pad; il lavoro è completato quando zoom, orientamento e posizione mantengono i valori più recenti dopo le azioni di aggiornamento.

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

Valutazione

Stack tecnologico
javascript
Ambito
data-visualization, frontend
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.