🐛 [BUG]标注regionFilter在slider拖动后位置不对

链接：https://codesandbox.io/s/blissful-architecture-yn6n3x?file=/index.ts
想高亮显示第2到7个，初始显示正常，拖动slider后红色的矩形错位。

截图：

有什么办法能解决这个问题吗，比如在监听到slider拖拽结束后，调个什么api重新渲染一下，我试了render和update，会把slider的进度重置掉。

好像刚好拖到一个x轴的刻度上，显示是正常的。拖在2个刻度中间不正常。有啥配置项可以只允许拖拽停止在刻度上吗

* **G2Plot Version**: 最新版
* **Platform**:chrome

Reproduce the offset in the linked CodeSandbox, starting with index.ts and the regionFilter slider configuration. Compare behavior when the slider stops on an axis tick versus between ticks, and check the effects of render and update without losing slider progress. Done means the red region stays aligned after dragging to intermediate positions without resetting the slider.

Written by the indexing model from the issue text.