Version
5.4.2
Link to Minimal Reproduction
xxx
Steps to Reproduce
在移动端渲染图表列表，每个折线图的高度定位150px，在IOS环境下，只能渲染出170条数据，超过170条就渲染不出来，会报错null is not an object。高度设置的越高，能渲染的图表个数越少。在PC和安卓环境下是OK的。
查找了下原因，可能是IOS环境对canvas画布高度的限制，页面中会把所有渲染图表的画布看做同一个画布，将高度累加，导致超出IOS下canvas的高度，所以无法渲染出图表。
Current Behavior
在移动端渲染图表列表，每个折线图的高度定位150px，在IOS环境下，只能渲染出170条数据，超过170条就渲染不出来，会报错null is not an object。高度设置的越高，能渲染的图表个数越少。在PC和安卓环境下是OK的。
查找了下原因，可能是IOS环境对canvas画布高度的限制，页面中会把所有渲染图表的画布看做同一个画布，将高度累加，导致超出IOS下canvas的高度，所以无法渲染出图表。
Expected Behavior
希望能对画布做区分，不要累加高度，能在ios环境下渲染出更多的图表数据。或者用其他的方式解决这问题，能渲染大量的图表数据。
Environment
- OS:
- Browser:
- Framework:
安卓手机和PC环境没问题，或者是没到数据极限
IOS15.0版本以下也能渲染更多的数据，15.0以上能渲染的折线图的个数就很少。Any additional comments?
No response
1条答案
按热度按时间7cwmlq891#
@whomeet It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] A large number of icon lists cannot be rendered in the IOS mobile phone environment
BODY
Version
5.4.2
Link to Minimal Reproduction
xxx
Steps to Reproduce
When rendering the chart list on the mobile terminal, the height of each line chart is positioned at 150px. In the IOS environment, only 170 pieces of data can be rendered, and if more than 170 pieces of data cannot be rendered, an error will be reported as null is not an object. The higher the height is set, the fewer charts can be rendered. It is OK in PC and Android environment.
After searching for the reason, it may be that the height of the canvas is limited by the IOS environment. The page will regard all the canvases that render the chart as the same canvas, and the height will be added up, resulting in exceeding the height of the canvas under IOS, so the chart cannot be rendered.
Current Behavior
When rendering the chart list on the mobile terminal, the height of each line chart is positioned at 150px. In the IOS environment, only 170 pieces of data can be rendered, and if more than 170 pieces of data cannot be rendered, an error will be reported as null is not an object. The higher the height is set, the fewer charts can be rendered. It is OK in PC and Android environment.
After searching for the reason, it may be that the height of the canvas is limited by the IOS environment. The page will regard all the canvases that render the chart as the same canvas, and the height will be added up, resulting in exceeding the height of the canvas under IOS, so the chart cannot be rendered.
Expected Behavior
It is hoped that the canvas can be distinguished, and more chart data can be rendered in the ios environment without accumulating heights. Or solve this problem in other ways, which can render a large amount of chart data.
Environment
Any additional comments?
No response