[Bug] iOS off-screen portion of charts not rendered

[cbbfcd]

Version

5.4.3

Link to Minimal Reproduction

hippy project, not directly visible on the web

Steps to Reproduce

Creating an option, drawing the whole thing is fine, it just doesn't render when it's off-screen and then needs to be shifted into the screen via translateX, swiping into the screen via a gesture is fine.

Current Behavior

Scene Description:

As shown in the figure above, there are two sub-components in a ViewPager, where the second component is mostly outside the screen, and inside it is a WebViewcomponent that renders a line graph, the entire ViewPager will have a displacement animation when it first enters the page, and the entire component is shifted to the left by a distance of 300, and it is found at this time that the line graph will not be rendered, and it will be normal to slide! There is no problem sliding to the second card.

History: maybe this issue is a problem https://github.com/apache/echarts/issues/6962

ENV: hippy: 2.15.5, iOS: 16.x

PS: Replacing with Highcharts is normal.

Expected Behavior

can render normal when translateX animation.

Environment

- OS: iOS 16.x
- Browser: --
- Framework: [Hippy](https://github.com/Tencent/Hippy) + svelte

Any additional comments?

Tried svg render mode, turning off animations, etc.

iOS 17 still has this issue, and according to previous issues, it's probably an issue that's been around since 1OS 11

[plainheart]

Would it work if you switched to the SVG renderer?

[cbbfcd]

Tried svg render mode, turning off animations, etc.

Thanks for the reply, @plainheart not work~ highcharts works fine, I know highcharts is based on svg, so I switched to echarts rendering and tried it too!

[echarts-bot[bot]]

@cbbfcd Please provide a demo for the issue either with Official Editor, CodePen, CodeSandbox or JSFiddle.