Echarts 无数据时显示“暂无数据”

当我们的图表遇到接口数据为空或者筛选之后无数据的情况,会显示成这样

就比较丑,所以需要更换成指定的某些文字做提示

通过配置title,曲线救国

title: {show: true,text: '暂无数据',left: "center",top: 'center'}

那它就会变成这样

 那我连这个圆都不想要了呢?

在series中配置「showEmptyCircle」为false就可以了,这里是以pie为例,它就变成这样

 那我要是连那个「Access From」这几个字都不要了呢,把name也去掉哈哈哈哈哈哈哈,不过这只是文字版的,如果要更换成图片,要另外尝试了,我也没试过~

以下为全部代码

option = {tooltip: {trigger: 'item'},legend: {top: '5%',left: 'center'},title: {show: true,text: '暂无数据',left: "center",top: 'center'},series: [{name: 'Access From',type: 'pie',radius: ['40%', '70%'],avoidLabelOverlap: false,label: {show: true,position: 'center'},showEmptyCircle: false,emphasis: {label: {show: true,fontSize: 40,fontWeight: 'bold'}},labelLine: {show: false},data: []}]
};


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

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部