🐛 [BUG] scollbar 在 color 回调时展示异常

```ts
import { Column } from '@antv/g2plot';

fetch('https://gw.alipayobjects.com/os/bmw-prod/be63e0a2-d2be-4c45-97fd-c00f752a66d4.json')
.then((res) => res.json())
.then((data) => {
const column = new Column('container', {
data,
xField: '城市',
yField: '销售额',
xAxis: {
label: {
autoRotate: false,
},
},
scrollbar: {},
color: () => {
return 'red'
}
});

column.render();
});

```

### 🚑 Any additional [like screenshots]


* **G2Plot Version**: latest
* **Platform**: MacOS

Use the supplied TypeScript Column example as the entry point; first reproduce the scrollbar behavior with the color callback and compare it with the same chart without that callback. Done means the scrollbar renders correctly when the color callback returns red.

Written by the indexing model from the issue text.