uni-app前端图表组件库,折现图横屏android失败的解决办法

发布时间 2023-07-27 21:34:17作者: HelloLLLLL
网址:https://www.ucharts.cn/v2/#/demo/index,需要登录,微信就可以
我在使用折现图时,业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面,点击后,把option和data传到该页面去。做前端得伙伴实现后,发现他得iphone13每次全屏都没问题,而在我得android机和微信开发者工具上看,就有时会出现不能全屏得情况。
后来,发现问题可能是,发现视图在渲染时,可能数据还没准备好,所以,想了个办法,先把绑定对象在data里置为null,标签上 v-if="chartData",然后在onLoad里接收得数据,用一个data字段接收,在ready里,赋值给绑定对象。也就是onLoad里得字段只作为传输作用,不绑定,专门定义个变量来绑定option和chartData。