plotly / plotly/react-plotly.js

How to properly fetch data on relayout (onRelayout)?

オープン
#350 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
JavaScript
スター
1.1k
フォーク
138
平均マージ
3日 2時間
マージ済み PR(30日)
4

説明

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.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、issue で説明されている onRelayout handler と React Plot コンポーネントの更新フローを追跡します。ズーム、新しいデータの読み込み、再レンダリング、再度のズームという一連の操作を再現します。この重なり合うインタラクション中に plot がジャンプしたりちらついたりしなくなれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react
領域
data-visualization, frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。