echart 没有数据的时候，完美展示暂无数据

echart 没有数据的时候，展示暂无数据

data(){return {show:null,}
}
在你掉接口拿数据去渲染chart图标的时候，渲染数据的时候判断一下
if(allLastValue.tzList.length===0 && allLastValue.bMIList.length===0){show=true;}
var myCharts = echarts.init(document.getElementById('myCharts'+item.nursederId));console.log(myCharts);// 绘制图表myCharts.setOption({tooltip: {trigger: 'axis'},//运用echart中的titletitle:{show:show,//show 可以在上面顶一个一个 let show = null;textStyle: {color:"#fff",fontSize: 12,fontWeight:100},text: this.noting,//这个你可以定义一个变量，也可以直接写死'暂无数据'left: "center",top: "center"},legend: {// orient: 'vertical',// x: 'right',textStyle: { //图例文字的样式color: '#fff',fontSize: 12,},data:legendValue},grid: {top:'15%',left: '3.5%',right: '3%',bottom: '1%',containLabel: true,},xAxis: {type: 'category',boundaryGap: false,axisLabel: {textStyle: {color: '#fff'},},data: timeList.map(function (str) {return str.replace(' ', '\n')})},yAxis: {type: 'value',axisLabel: {textStyle: {color: '#fff'}},},series: seriesValue,color: ['#EE3847','#0CC456','#DA01EE','#F8C420']});//结尾

以上，有什么不明白的小伙伴可以给我留言，当然有更好的可以分享哦！

echart 没有数据的时候，完美展示暂无数据相关推荐

给echarts添加筛选时间控件时，控件不显示，并设置数据库无数据时echarts模块显示暂无数据
给echarts模块添加时间控件时,控件无效,经检查发现,控件被画布遮盖了,需要用一个form标签包括时间控件,否则时间控件不生效.另外,如果echarts从后台获取到的数据为空,需要提示暂无信息.这 ...
关于echart没有数据显示暂无数据
对于echart当没有数据的时候怎么显示, 首先,如果你的series的值为空值的话,曲线将是一片空白,什么都不会有,所以在这里就要进行一个判断,如果没有值的话,人为的添加一个键 if(Object. ...
element-ui 中的el-table表格默认的“暂无数据”修改
el-table中当无空数据时会默认显示一个"暂无数据"(附下图),那如果我们想要修改怎么办呢?怎么修改呢? 解决办法如下: 只需要在el-tbale中的对应的插槽中写入你想展示的 ...
antd的table进行列筛选时，更新dataSource，为什么table显示暂无数据？
我想当然地认为只要dataSource改变,那么<Table>组件就会重新渲染, 但是有一种特殊情况例外: 在onFilter()中不写筛选条件,在调用filterDropdown进行列筛 ...
新版ECharts实现“暂无数据”的完美解决方案
在旧版ECharts中,此功能是通过配置noDataLoadingOption来实现的,但此配置项在新版中已经被移除综合网上找到的一些方法,大致如下: 借用Title来显示"暂无数据&qu ...
ant-design的Table组件暂无数据，滚动条位置修改
antd3.x 的Table组件,设置横向滚动,如果没有数据,横向滚动条会展示在暂无数据的上方,现在想要把暂无数据展示在滚动条的上面原本效果解决方法将antd3.x升级到antd4.x,因为a ...
layui在搜索的时候没有数据，在表格中显示暂无数据
layui在搜索的时候没有数据,在表格中显示暂无数据网上有很多教程,都是说要改变table.js,但是我发现不需要,只需要在返回json数据的时候做一下判断即可. php给layui返回json数据 ...
echarts图表没有数据的时候，在页面显示暂无数据
if(arr.length=='0'){option = {title: {text: '暂无数据',x: 'center',y: 'center',textStyle: {color: '#65AB ...
ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示
1. 问题起源当显示多列字段时,底部会出现滚动条."暂无数据"文本根据列平铺的总宽度进行居中,导致无数据时"暂无数据"文本向右偏移. 2. 解决方法设置&q ...

echart 没有数据的时候，完美展示暂无数据

echart 没有数据的时候，完美展示暂无数据相关推荐

最新文章

热门文章