1. capturedsDetailsEcharts: function(id) {
  2. if (!id) {
  3. id = mini.get("chnNameCaptureds").getValue();
  4. }
  5. let captureds = echarts.init(document.getElementById('capturedsDetails'));
  6. let beginTime = mini.get("beginTimeCaptureds").getValue();
  7. let endTime = mini.get("endTimeCaptureds").getValue();
  8. let timeGran = mini.get("timeGrainCaptureds").getValue();
  9. let tableName = mini.get("tableCaptureds").getValue();
  10.  
  11. captureds.showLoading({
  12. text: '数据正在加载...',
  13. textStyle: { fontSize : 30 , color: '#444' },
  14. effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'}
  15. });
  16.  
  17. $.ajax({
  18. url: contextPath + "/source-system/query-captured.html",
  19. dataType: "json",
  20. type: "post",
  21. data: {
  22. jsonParam:
  23. Constants.encodeObjToJSON({
  24. beginTime: beginTime,
  25. endTime: endTime,
  26. timeGran: timeGran,
  27. id: id,
  28. tableName: tableName
  29. }
  30. )
  31. },
  32. success: function(datas) {
  33. let option = {
  34. /* title: {
  35. text: "捕获数据曲线图"
  36. },*/
  37. legend: {
  38. data: ["插入数量","更新数量","删除数量","捕获数量"],
  39. right:30,
  40. bottom:20
  41. },
  42. xAxis: {
  43. type: "time",
  44. min: beginTime,
  45. max: endTime,
  46. splitNumber: 20
  47. },
  48. yAxis: {
  49. type: "value"
  50. },
  51. grid:{
  52. top:20,
  53. bottom:90,
  54. left:80,
  55. right:30
  56. },
  57. color:['#00B9FF','#AF00BC', '#00CA68', '#FF8C00', '#FF0000'],
  58. series: datas
  59. };
  60. captureds.setOption(option);
  61. captureds.hideLoading();
  62. }
  63. });
  64. },

echarts 添加Loading 等待。的更多相关文章

  1. echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮

    echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...

  2. WPF 客户端浏览器 添加Loading加载进度

    在windows开发界面时,使用浏览器来请求和显示网页内容,是比较常见的. 但是在请求网页内容时,因网速或者前端功能复杂加载较慢,亦或者加载时遇到各种问题,如空白/黑屏/加载不完整/证书问题等. 因此 ...

  3. Vue通过状态为页面切换添加loading、为ajax加载添加loading

    以下方法需要引入vuex,另使用了vux的UI框架,ajax添加loading还引入了axios. 一.为页面切换添加loading. loading.js: import Vue from 'vue ...

  4. 转:extjs 添加loading状态的三种解决办法:

    extjs 添加loading状态的三种解决办法: 方法一: //materialGrid 指需要显示loading状态的控件id var o=Ext.getCmp('materialGrid'); ...

  5. ASP.NET 给Web中的网页添加Loading进度条形式

    前段时间客户提了一个需求,要求给网站中某些功能添加进度条形式,因为某些功能查询的数据量太大,经常会出现点击Search按钮,但是没有任何反应的情况,会让用户以为网站挂掉了,导致投诉的事情发生,所以客户 ...

  6. 自定义ajax,添加loading效果

    自定义ajax /** * @desc 自定义ajax请求,添加等待gif */ var n=0; $.defineAjax=function(obj){ n++; if(!$('#loadingDi ...

  7. ajax返回数据之前的loading等待

    首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图 不废话,在页面上执行点击事件(<a sc ...

  8. 利用动态图添加Loading动画

    opacity:CSS3中的属性,调节透明度,一般取值0.5 添加思想: 1.对超链接添加点击事件,通过new {@onclick="showLoading()"} Html.Ac ...

  9. AJAX 的 Ajax返回数据之前的loading等待效果(gif效果等)

    首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图 不废话,在页面上执行点击事件(<a sc ...

随机推荐

  1. python获取系统信息psutil

    python获取系统信息psutil:psutil获取系统cpu使用率的方法是cpu_percent(),其有两个参数,分别是interval和percpu,interval指定的是计算cpu使用率的 ...

  2. css animation 简写和参数

  3. bzoj3625

    fft 分治虽然是万能的,但是太慢了 分治是nlog^2n的,太慢了,于是我们用求逆和开根 设f(x)表示答案为x的方案数 c表示物品的生成函数 那么f=f*f*c+1 f*f表示左右儿子的方案数 c ...

  4. 1.Win7中判断当前端口是否被占用

    以Win7为例,可以用如下方法找出某个端口是否被其他进程占用:netstat -aon|findstr "8081" 发现8081端口被PID为5900的进程占用, tasklis ...

  5. JS正则对象 RegExp(有变量的时候使用),用来匹配搜索关键字(标红)

    1,平常我们写js正则规则的时候,一般是这样写: var reg = /abc/; 然而,这样写的话,如果abc是一个变量这样就不行,我们需要下面这种写法: var abc = "汉字&qu ...

  6. 第一篇:构建第一个SpringBoot工程

    简介 spring boot 它的设计目的就是为例简化开发,开启了各种自动装配,你不想写各种配置文件,引入相关的依赖就能迅速搭建起一个web工程.它采用的是建立生产就绪的应用程序观点,优先于配置的惯例 ...

  7. 微信小程序开发之真机预览

    1:真机预览时上传组件的坑: 当在真机里面使用上传组件,当进入选择相片或者拍照的时候,小程序会进入后台,调用APP onHide()方法,选择完返回小程序是会调用App Onshow()方法,然后调用 ...

  8. Identity Server 4 原理和实战(完结)_Authorization Code Flow 实例

    Code在Oauth2.0和OpenId Connect里面分别叫做不同的名字 OAuth只介绍了如何授权.没有介绍如何身份认证. OpenId Connect:既规定了怎么授权,也规定了怎么身份认证 ...

  9. HDU - 3345 War Chess 广搜+优先队列

    War chess is hh's favorite game: In this game, there is an N * M battle map, and every player has hi ...

  10. C#基础:线程之异步回调(委托)

    异步回调,什么是异步回调?我是这样理解的,当主线程在执行一段代码的时候,我们用委托执行了一个线程,这个线程要返回一个结果,关键是什么时候返回这个结果,异步回调就是在这个线程执行完成后立即返回这个线程的 ...