uniapp使用ucharts不显示图表的解决方法

uniapp使用ucharts不显示图表的解决方法

出现场景

常见于没有报错的情况下的v-if,v-show,tab切换,组件初始化,点击一下才显示,去掉动画不显示,加上动画显示,页面初始化图表不显示。

细究原因

1.数据问题:
h5端运行demo会报跨域,微信小程序真机运行会对请求域名检查
2.页面问题:
就是页面还没有构建完成你就渲染图表,于是就表出不来,打个比方就是,我让你在画板上作画,画板没有到你手上,请问你要怎么画,当然是等画板到你手上了才能画。

解决方法

1.数据问题采用本地数据
2.在mounted()或者this.$nextTick(()=>{})(说明canvas标签已经渲染,即画板已经拿到手上了)里面请求数据,拿到数据以后再渲染图表。
3.初始化加延时,理论上延时给的足够长,图表肯定能出。

你可能感兴趣的:(ucharts)