onUpdate - reset the zoom in Nextjs (React)

未關閉
#328 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
4/5
預估耗時
3-5 天
新手友好度
25/100
Issue 類型
缺陷
描述清晰度
需要釐清
活躍度
停滯
技術堆疊
javascript, nextjs, react

研究方向

首先,重現 issue 中所示的圍繞 onUpdate、useState 和 setTempXandY 流程發生的縮放重設。追蹤選取座標和縮放範圍的更新方式,然後驗證更新選取項目後,圖表縮放在 timeout 之後不再意外重設。

由索引模型根據 Issue 內容生成。

描述

When use onUpdate the big problem with read any X and Y of selection.
After selection using useState - setTempXandY reset the zoom in, state.
How to solve the the reseting the zoom in, after XXXX seconds?

onUpdate={(EvEnT) => tempUpDaTe(EvEnT)}

const tempUpDaTe= (EvEnT: any) => {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => {
        setTempXandY(prevState => ({
            ...prevState,
            x: e.layout.xaxis.range[0],
            y: e.layout.yaxis.range[0]
        }));
    }, 5500);
};
主要語言
JavaScript
星號
1.1k
分支
138
PR 合併指標
30 天內沒有已合併 PR

環境準備

這個專案沒有提供開發容器、Dockerfile 或貢獻指南,環境需要你自己搭建:先看它的 README,通用步驟見我們的新手貢獻指南。

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

plotly/react-plotly.js 的其他 Issue

查看 plotly/react-plotly.js 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。