- 原因一:echarts-wordcloud和echarts版本不兼容
解决方法:echarts-wordcloud 2 对应的是echarts5, echarts-wordcloud 1对应的是echarts 4
- 原因二:渲染顺序问题
解决方法:echarts图表的dom结构会在mounted的时候挂载,如果这是后端数据还未传回便会导致前端报错。
created() {
console.log('mounted initChart')
this.$nextTick(() => {
// 执行echarts方法
this.initChart()
})
},
- 原因三:词云颜色被设置为透明或者白色
- 原因四:组件没有加高度