当我们的图表遇到接口数据为空或者筛选之后无数据的情况,会显示成这样
就比较丑,所以需要更换成指定的某些文字做提示
通过配置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: [ ] } ] };
复制