本文是基于Echarts2.0阐述当渲染数据不存在的情况下,它的默认显示方式是向上移动的气泡图形,然而在项目中搭载这样的显示会显得格格不入,所以我们有必要进行显示改进;
从开发文档中我们可以发现option中的noDataLoadingOption属性,是用来设置当无数据提示时的Loading动画选项,默认采用bubble,其中可选的方式有’spin’ | ‘bar’ | ‘ring’ | ‘whirling’ | ‘dynamicLine’ | ‘bubble’,且支持外部装载;
通过修改noDataLoadingOption属性的相应内容值,可以适当的修改显示;
- 第一种情况:不显示气泡
noDataLoadingOption : {
text : '暂无数据',//提示文本
effect :'bubble',//效果图
effectOption :{
backgroundColor:'rgba(0,0,0,0)', //背景颜色
effect: {
n :0//个数控制
}
}
}
- 第二种情况:使用其他显示效果
noDataLoadingOption : {
text : '暂无数据',//提示文本
effect :'ring',//效果图
effectOption :{
backgroundColor:'rgba(0,0,0,0)', //背景颜色
}
}