有滚动条的柱状图在浏览器尺寸变化后，会导致部分数据未渲染

### 问题描述

有滚动条的柱状图， 且这个滚动条默认滚动到最右侧时，在浏览器尺寸变化后，会导致部分数据未渲染

### 重现链接

https://codesandbox.io/p/sandbox/vigilant-frog-3j9x8m?file=%2Findex.ts

### 重现步骤

1. 进入页面
2. 通过点击浏览器header 让其放大缩小, 点如下图的位置

### 预期行为

期望正确渲染

### 平台

- 操作系统: [macOS,]
- 网页浏览器: [Google Chrome]

### 屏幕截图或视频（可选）

### 补充说明（可选）

_No response_

Start with index.ts in the linked CodeSandbox and reproduce the chart with its scrollbar at the far right. Resize the Chrome window as described, then inspect the chart's resize behavior and compare the rendered data before and after; done means all expected bars and data render correctly after resizing.

Written by the indexing model from the issue text.