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 = htmldocument.getElementById('userBox').removeAttribute('_echarts_instance_')}

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部