[Bug] 移动端，默认折线图是a大小，旋转90度变成b区域，折线图触发事件区域还是a大小位置和方向，而不是旋转以后的b大小

### Version

^4.1.0

### Link to Minimal Reproduction

https://echarts.apache.org/v4/examples/zh/editor.html?c=area-stack

### Steps to Reproduce

就是基本的折线图或者堆叠图都可以复现的，项目是^4.1.0以上，vue3，uni-app

### Current Behavior

vue3环境，uni-app组件环境，正常情况是手机竖直状态，echart宽度是手机宽度，操作显示都正常，但是在v-show隐藏页面其他元素，rotate图表90deg,延时手动调用echarts.resize()方法后，echart是折线图可以正常显示，但是事件触发区域似乎是之前未旋转时候的触发区域，
不知道怎么解决？

如上图，是旋转之后的部分曲线，红色是正常曲线的的大小，
1.目前在红色区域左右滑动，是正常触发事件的，但是红色之外的地方，只能触发 echarts.getZr(),不能触发其他时间，
2而且，红色区域触发事件的方向也是有问题的，是默认情况的方向

### Expected Behavior

希望，旋转前，从左到右，正常触发事件，旋转后，从上到下，正常触发事件

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_