ECharts使用showLoading

问题

在使用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中,找到一些可配置选项:

ECharts使用showLoading_第1张图片
loadingOption

在使用 effect: 'dynamicLine'时发现没起作用……
难道是版本问题?
在3.0文档 教程--异步数据加载和更新中,没有找到 effect具体配置……
容我再想想

参考文章

ECharts3.0官方文档
ECharts2.0官方文档

你可能感兴趣的:(ECharts使用showLoading)