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_不能创建多个实例,所以需删除。
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
