关于Echart图没有数据的时候显示暂无数据思路

Echart 没有数据的时候显示暂无数据

思路 :

1. 通过设置 title 就可以处理了
2. 通过判断，后台传给我们的数据是否有值，将 title 这个属性设置成两个，一个是有数据的时候显示的标题内容。一个是无数据的时候显示的暂无数据

// 当后台返回的数据为空的时候，将 title 设置成这样
Title = {
     text: "暂无数据",
     left: "center",
     top: "center",
     textStyle: {
     fontSize: '35',
     color: 'grey'
     }
}

// 当后台返回的数据不为空的时候，设置显示的 title
Title = {
    text:'测试标题',
    x: 'center',
    top: 35,
    textStyle: {
    fontSize: '15',
    color: '#333'
    }
}

// 例如 : if(data.length > 0){ 数据不为空...  }else{ ... 数据为空 Title}
if(data.length > 0){
	Title = {
	    text:'测试标题',
	    x: 'center',
	    top: 35,
	    textStyle: {
	    fontSize: '15',
	    color: '#333'
	    }
	}
}else{
	Title = {
	     text: "暂无数据",
	     left: "center",
	     top: "center",
	     textStyle: {
	     fontSize: '35',
	     color: 'grey'
	     }
	}
}


option = {
	title:Title ,
	legend:{},
	xAxis:{},
	yAxis:{},
	series:[]
}

还有很多当后台返回数据为空的时候显示暂无数据的方法，可以根据自己的项目来进行调整，目前这种方法是稍微简单一点的