plotly / plotly/react-plotly.js

How to properly fetch data on relayout (onRelayout)?

Offen
#350 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
4

Beschreibung

I need this functionality and request some assistance to realize it.

At the moment I use the following approach:

  1. when user zoomed plot, onRelayout handler gets fired and starts data loading.
  2. when data is loaded it is passed to the component
  3. new data leads to re-render.

it's works fine, but:

  1. if I catch the moment when component is re-rendering because of the new data and do an aditional zoom operation at the same moment, then I get a strange jump/flickering of my plot for a moment.

It's looks like a race of states.
Inner state which is responsible for zoom transformations changes at the same time with component re-rendering.

I need advice on how to get rid of this bug. Or how to propeply realize this feature, in case if I completely wrong in my approach.

Thanks.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

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 damit, den im Issue beschriebenen onRelayout-Handler und den Update-Ablauf der React Plot-Komponente nachzuverfolgen. Reproduziere die Abfolge aus Zoomen, Laden neuer Daten, erneutem Rendern und erneutem Zoomen; fertig ist es, wenn der Plot während dieser sich überschneidenden Interaktion nicht mehr springt oder flackert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
data-visualization, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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