原因:uchart无法展示,我的问题出在的:reshow上面,下面是官方提供的建议
-
请检查控制台是否有报错或提示信息,如果没有报错,也没有提示信息,并且检查父元素的 css 样式的宽高是否为0,uchart的宽高是根据父元素计算得来
-
检查父级是否使用了 v-show 来控制显示,如果页面初始化时组件处于隐藏状态,组件则无法正确获取宽高尺寸,此时需要组件内绑定reshow属性(逻辑应与父级的v-show的逻辑相同),强制重新渲染图表,例如 :reshow=“父级v-show绑定的事件”
-
如果在微信小程序端开启了 canvas2d 模式
不能使用真机调试,请直接预览
不显示图表:
- a、请务必在组件上定义 canvasId,开头不能为数字、不能重复、尽量长一些。
- b、请检查微信小程序的开发者工具和基础库,修改至 2.16.0 或者最新版本的基础库。
- c、请检查父元素或父组件是否用 v-if 来控制显示,如有请改为 v-show,并将 v-show 的逻辑绑定至组件。
-
组件绑定的 chartData 的初始值尽量为空对象即
{}
,否则会导致 dom 没有准备好就进行了渲染,从而导致报错。