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

loadingOption

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

参考文章

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,337评论 19 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,052评论 6 342
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,221评论 25 709
  • 周五 应该开心 折腾忙活一个半小时吃到了啊臻的味道 其实米粉吃完胃烧烧的 但还是想吃 就是想吃 以为不一样 其实都...
    H_a054阅读 1,098评论 0 0
  • 你身边有没有这样的人,他们也许貌不惊人,也许才不出众,却在无形中有着一股别样的魅力,让你想要与之接近,放下心防,倾...
    特棒阅读 1,781评论 0 0