问题
在使用ECharts渲染date时,由于从后台执行获取到前台需要3-4s,想要通过增加正在执行,请等待这类提示信息提升用户感知
方案
使用ECharts自带的showLoading
方法进行提示:
eChartsCpu = echarts.init(document.getElementById(ipArr[idx]+'echarts'));
eChartsCpu.showLoading({
text : '正在加载数据'
}); //增加提示
··· //省略通过ajax异步获取数据,获取数据完成后,调用下面function
//function中echarts部分代码
var option = {···}
eChartsCpu .hideLoading(); //提示关闭
eChartsCpu .setOption(option);
通过使用showLoading()
与hideLoading()
,来进行等待信息的提示。
未解决问题
通过在echarts.js中通过查找version
,得到所用版本为version: '3.6.2'
,在官方2.0版本API中,找到一些可配置选项:
在使用
effect: 'dynamicLine'
时发现没起作用……难道是版本问题?
在3.0文档
教程--异步数据加载和更新
中,没有找到effect
具体配置……容我再想想