百度 Echarts showLoading 和 hideLoading 使用方法
在使用ECharts渲染数据时,由于从后台执行获取到前台需要3-4s,想要通过增加正在执行,请等待这类提示信息提升用户体验,
myChart1 = echarts.init(document.getElementById(ipArr[idx]+'echarts')); myChart1.showLoading({ text : '正在加载数据' }); //增加提示 ··· //省略通过ajax异步获取数据,获取数据完成后,调用下面function //function中echarts部分代码 var option = {···} myChart1.hideLoading(); //提示关闭 myChart1.setOption(option);
ECharts自带的加载框可以调整样式
myChart.showLoading({ text: 'loading', color: '#c23531', textColor: '#000', maskColor: 'rgba(255, 255, 255, 0.8)', zlevel: 0 });