Skip to content

Fix for removing erratic jittering during scrolling/zooming#7704

Open
Eroica wants to merge 3 commits intoplotly:masterfrom
Eroica:replotting-fixes
Open

Fix for removing erratic jittering during scrolling/zooming#7704
Eroica wants to merge 3 commits intoplotly:masterfrom
Eroica:replotting-fixes

Conversation

@Eroica
Copy link

@Eroica Eroica commented Feb 6, 2026

This PR addresses two sources of erratic zooming behavior.

The first issue is documented here: #7494

Especially in charts that use auto margins, the plot area updates "erratically," i.e. with visual jumps. This issue can be solved by correctly setting the _replotting flag in zoomWheel, which causes plots.autoMargin (plots.js) to skip its calculation.

Before this PR, zoomWheel's setTimeout callback just set this flag to false without setting it to true before.


The 2nd issue reveals itself when multiple subplots are present: When zooming while moving the cursor to a different subplot, multiple subplots fire their updateSubplots with slightly different viewboxes which leads to visual jumping. The issue appears more frequently on data-intensive charts.

Note that this is very hard to replicate with a trackpad. It's best to test this with a free-spinning mouse wheel.

second_issue.json

(Start zooming on one subplot, and move the mouse onto another subplot while continuing zooming.)

second_issue.mp4

This is set to `false` in `zoomWheel`'s redrawTimer, but a corresponding
set to `true` was missing.
This prevents multiple subplots from firing their `setTimeout` callback
which otherwise leads to erratic jumps in the plots when
scrolling/zooming with the mouse while moving it at the same time.
CURRENT_SCROLLING_SUBPLOT = plotinfo.id;
}
// Early exit to prevent jitters if this subplot didn't initiate the scroll
if (CURRENT_SCROLLING_SUBPLOT !== plotinfo.id) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IIRC this id is just the two axis ids concatenated, like x2y2, yes? What would happen if you put two plot divs next to each other, each with just one x and one y axis, and you do the same kind of move but now from one div to the other? Where I'm coming from is typically we attach state variables like this (and like _replotting) to the div (gd) rather than having a single one for the whole library.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants