How to properly fetch data on relayout (onRelayout)?

Ouverte
#350 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
À clarifier
Activité
À l'abandon
Stack technique
javascript, react
Domaine
data-visualization, frontend

Piste de recherche

Commencez par suivre le handler onRelayout et le flux de mise à jour du composant React Plot décrits dans l’issue. Reproduisez la séquence consistant à zoomer, charger de nouvelles données, effectuer un nouveau rendu, puis zoomer à nouveau ; c’est terminé lorsque le plot ne saute plus et ne scintille plus pendant cette interaction qui se chevauche.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

Langage dominant
JavaScript
Étoiles
1.1k
Forks
138
Merge moyen
3 j 2 h
PR mergées (30 j)
4

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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.

Autres issues de plotly/react-plotly.js

Toutes les issues de plotly/react-plotly.js

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

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