vue echarts-wordcloud 词云不显示解决方法

  • 原因一: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()
    })
},
  • 原因三:词云颜色被设置为透明或者白色
  • 原因四:组件没有加高度

        

你可能感兴趣的:(Web前端,1024程序员节,vue,world,cloud)