echarts显示暂无数据

(注意自己是3之前还是之后的版本)
1、 初始化图表的位置、大小啥的

 
        
          
            

2、初始化数据
this.data = …(查询出来的结果)
3、判断是否有数据

if (this.data.length !== 0) {
          // 初始化图表
          this.chartUser = this.$echarts.init(document.getElementById('userBox'))
          this.chartUser.setOption(option)
          window.addEventListener('resize', () => {
            this.chartUser.resize()
          })
        } else {
        // 以下是暂无数据显示样式(样式根据本身需求进行调整)
          var html = '
参与用户数暂无数据
' document.getElementById('userBox').innerHTML = html document.getElementById('userBox').removeAttribute('_echarts_instance_') }

其中很重要的一点就是 document.getElementById(‘userBox’).removeAttribute(‘echarts_instance’)
如果没有加入这一条的话,当你跳转暂无数据页面,则无法返回有数据的界面。
_echarts_instance_不能创建多个实例,所以需删除。

你可能感兴趣的:(echarts显示暂无数据)