在最近的一个项目中用到echarts这个插件,其中关于noDataLoadingOption配置项的问题让我困惑了好长时间。经过蛋疼的查找下,终于搞明白是版本的原因。

且看官网的介绍:ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。详情请查看官网:http://echarts.baidu.com/

像大多数插件一样,echarts有详细的官方文档,大家如有用到的,可以看文档,一般没有啥子问题。

我所做的项目中一共用到七种图表类型,期间也有各种小困惑,但是,还好,经过各方努力,最终解决。最后,领导说要在图表加载出现之前,用冒泡来代替空白区域,那样会显得舒服好看些。领导发话,所以我立即查看文档加百度,然后试了下,果真可以在图标加载出现前可以用echarts自带冒泡来代替空白区域,如下图所示:

上图是再页面初始化的时候,即显示此loding动画效果。代码如下:

需要注意的是,在初始化的时候,noDataLoadingOption配置需要series中data需为空。代码中可以看到,在option中我只保留了series,其他配置选项我没有写,这个大家可以根据自己的需要来写。

然后,在点击事件中,去掉noDataLoadingOption配置项,把series中data数据填上,当然其他配置项也要写上,在结果中,冒泡就会消失,图表就会出现。

让我郁闷的是这个noDataLoadingOption只在echarts的2.0版本中才有,在3.0版本中的配置项手册里没有看到。

最新文章

  1. mark
  2. 二十八、Java基础--------正则表达式
  3. 使用TextKit
  4. fatal error C1853: '*.pch' is not a precompiled header file created with this compile
  5. 深度分析Java的ClassLoader机制(源码级别)
  6. Linux系统常用命令 __转载的
  7. MyFramework框架搭建(一)DAL层
  8. [Redux] Extracting Action Creators
  9. 模型驱动 ModelDriven
  10. jquery中div悬浮嵌套按钮效果
  11. ROS初探:(一)ROS架构
  12. 小技巧:在线生成按钮Shape的网站
  13. Django基于正则表达式匹配URL
  14. HOOK NTFS 禁止格式化
  15. mac virtualbox 安装
  16. qualcomm wifi kernel beacon loss 日志记录
  17. Java反射《二》获取构造器
  18. 关于python无法显示中文的问题:SyntaxError: Non-ASCII character '\xe4' in file test.py on line 3, but no encoding declared。
  19. 网络编程—代码—TCP网络传输
  20. 怎样在centos安装python-mysql?

热门文章

  1. Day7 【Scrum 冲刺博客】
  2. PostgreSQL 如何忽略事务中错误
  3. 算法——n皇后问题
  4. STL——容器(Map & multimap)的插入与迭代器
  5. 一个实现浏览器网页与本地程序之间进行双向调用的轻量级、强兼容、可扩展的插件开发平台—PluginOK中间件
  6. centos下配置Apache的https强制跳转
  7. Nginx(三):反向代理,负载均衡
  8. spring boot 项目使用idea正常打包后执行总是出现异常,解决办法
  9. 使用Spark的newAPIHadoopRDD接口访问有kerberos认证的hbase
  10. 统计文件行数,推荐使用LineNumberReader