plotly / plotly/plotly.js

Scatter3D does not remember its visual state in certain conditions

Offen
#5,560 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug P3
Vorherrschende Sprache
JavaScript
Sterne
18.3k
Forks
2k
Ø Merge
2 T. 12 Std.
Gemergte PRs (30 T.)
28

Beschreibung

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.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der verknüpften CodePen-Reproduktion und teste Scatter3D-Interaktionen, gefolgt von Plotly.restyle- oder control-button-Aktualisierungen. Verfolge die Verarbeitung des visuellen Zustands bei Änderungen durch Mausrad und Touchpad; als abgeschlossen gilt die Aufgabe, wenn Zoom, Ausrichtung und Position nach Aktualisierungsaktionen ihre zuletzt gesetzten Werte beibehalten.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
data-visualization, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.