ranges does not get computed when same data is used but Plot is updated
還沒有人認領這個 Issue。
評估
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 新手友好度
- 48/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- javascript, plotly, react
研究方向
從連結的 same_data 重現開始，追蹤 layout 發生變更但 data 被重複使用時 Plot 元件的更新路徑。比較 new_array 和 new_object 變體，以找出它們共通的行為。按一下 Update Plot 後，ranges 仍會計算且縮放仍然有效，即表示完成。
由索引模型根據 Issue 內容生成。
描述
If layout is change but data stays the same, Plot's ranges are not computed correctly.
Consider this React component
(full project can be found here: https://github.com/saad-learns/react-plotly/tree/same_data
function App() {
const [plotUpdated, setPlotUpdated] = React.useState<number>(0);
const [plotParams, setPlotParams] = React.useState<PlotParams>({
data: [
{
x: [-3, -2, -1, 0, 1, 2, 3],
y: [
-0.1411200080598672, -0.9092974268256817, -0.8414709848078965, 0,
0.8414709848078965, 0.9092974268256817, 0.1411200080598672,
],
},
],
layout: {},
});
const updatePlot = () => {
setPlotParams((prevState) => ({
data: prevState.data,
layout: {},
}));
};
return (
<div className="App">
<div style={{ padding: 10 }}>
<button onClick={updatePlot}>Update Plot</button>
</div>
<Plot
data={plotParams.data}
layout={plotParams.layout}
onUpdate={() => setPlotUpdated((prevState) => prevState + 1)}
/>
<div>Plot updated: {plotUpdated}</div>
</div>
);
At the start, ranges are calculated correctly. You can verify that with React Dev Tool's Component tab:
Or you can use Zoom In and Zoom Out button to verify that zooming is working.
But if you click on the Update Plot button, the ranges are not computed, in fact they get removed:
Thereafter, zooming does not work.
Here, updatePlot will use the same data object, but makes use of a new layout. According to https://github.com/plotly/react-plotly.js#refreshing-the-plot Plot should be refreshed, and it does, but ranges are no longer computed correctly.
There are other variation of the above issue:
- Use a new array but same previous data element: https://github.com/saad-learns/react-plotly/blob/new_array/src/App.tsx
- Use a new array, and a new element but with same previous data: https://github.com/saad-learns/react-plotly/blob/new_object/src/App.tsx
where ranges are not computed properly.
- 主要語言
- JavaScript
- 星號
- 1.1k
- 分支
- 138
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
這個專案沒有提供開發容器、Dockerfile 或貢獻指南，環境需要你自己搭建：先看它的 README，通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
plotly/react-plotly.js 的其他 Issue
-
P3 plotly-internal size: 1 task
難度 3/5 1-2 天 新手友好度 45/100
plotly/react-plotly.js#386 ·
-
難度 4/5 3-5 天 新手友好度 48/100
plotly/react-plotly.js#358 · 1 則留言 ·
-
難度 4/5 3-5 天 新手友好度 35/100
plotly/react-plotly.js#354 ·
-
難度 3/5 1-2 天 新手友好度 30/100
plotly/react-plotly.js#353 · 1 則留言 ·
-
難度 4/5 3-5 天 新手友好度 35/100
plotly/react-plotly.js#352 · 1 則留言 ·
查看 plotly/react-plotly.js 的全部 Issue
相似的 Issue
-
good first issue help wanted
難度 1/5 1 小時以內 新手友好度 88/100
modrollstudio/Modroll-Studio-Website#80 · 1 則留言 ·
維護者通常 1 天內回覆
-
good first issue help wanted
難度 1/5 1 小時以內 新手友好度 82/100
-
area: panel enhancement
難度 1/5 1 小時以內 新手友好度 72/100
GabrielGirardi/ledge#7 ·
-
0. Needs triage 35-feedback bug
難度 1/5 1 小時以內 新手友好度 62/100
維護者通常 1 天內回覆
-
A-linter
難度 2/5 1-3 小時 新手友好度 73/100
oxc-project/oxc#28783 ·
維護者通常 1 天內回覆