echarts 添加Loading 等待。
capturedsDetailsEcharts: function(id) {
        if (!id) {
            id = mini.get("chnNameCaptureds").getValue();
        }
        let captureds = echarts.init(document.getElementById('capturedsDetails'));
        let beginTime = mini.get("beginTimeCaptureds").getValue();
        let endTime = mini.get("endTimeCaptureds").getValue();
        let timeGran = mini.get("timeGrainCaptureds").getValue();
        let tableName = mini.get("tableCaptureds").getValue();
        captureds.showLoading({
            text: '数据正在加载...',
            textStyle: { fontSize : 30 , color: '#444' },
            effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'}
        });
        $.ajax({
            url: contextPath + "/source-system/query-captured.html",
            dataType: "json",
            type: "post",
            data: {
                jsonParam:
                    Constants.encodeObjToJSON({
                            beginTime: beginTime,
                            endTime: endTime,
                            timeGran: timeGran,
                            id: id,
                            tableName: tableName
                        }
                    )
            },
            success: function(datas) {
                let option = {
                /*    title: {
                        text: "捕获数据曲线图"
                    },*/
                    legend: {
                        data: ["插入数量","更新数量","删除数量","捕获数量"],
                        right:30,
                        bottom:20
                    },
                    xAxis: {
                        type: "time",
                        min: beginTime,
                        max: endTime,
                        splitNumber: 20
                    },
                    yAxis: {
                        type: "value"
                    },
                    grid:{
                        top:20,
                        bottom:90,
                        left:80,
                        right:30
                    },
                    color:['#00B9FF','#AF00BC', '#00CA68', '#FF8C00', '#FF0000'],
                    series: datas
                };
                captureds.setOption(option);
                captureds.hideLoading();
            }
        });
    },
echarts 添加Loading 等待。的更多相关文章
- echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮
		
echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...
 - WPF 客户端浏览器 添加Loading加载进度
		
在windows开发界面时,使用浏览器来请求和显示网页内容,是比较常见的. 但是在请求网页内容时,因网速或者前端功能复杂加载较慢,亦或者加载时遇到各种问题,如空白/黑屏/加载不完整/证书问题等. 因此 ...
 - Vue通过状态为页面切换添加loading、为ajax加载添加loading
		
以下方法需要引入vuex,另使用了vux的UI框架,ajax添加loading还引入了axios. 一.为页面切换添加loading. loading.js: import Vue from 'vue ...
 - 转:extjs 添加loading状态的三种解决办法:
		
extjs 添加loading状态的三种解决办法: 方法一: //materialGrid 指需要显示loading状态的控件id var o=Ext.getCmp('materialGrid'); ...
 - ASP.NET 给Web中的网页添加Loading进度条形式
		
前段时间客户提了一个需求,要求给网站中某些功能添加进度条形式,因为某些功能查询的数据量太大,经常会出现点击Search按钮,但是没有任何反应的情况,会让用户以为网站挂掉了,导致投诉的事情发生,所以客户 ...
 - 自定义ajax,添加loading效果
		
自定义ajax /** * @desc 自定义ajax请求,添加等待gif */ var n=0; $.defineAjax=function(obj){ n++; if(!$('#loadingDi ...
 - ajax返回数据之前的loading等待
		
首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图 不废话,在页面上执行点击事件(<a sc ...
 - 利用动态图添加Loading动画
		
opacity:CSS3中的属性,调节透明度,一般取值0.5 添加思想: 1.对超链接添加点击事件,通过new {@onclick="showLoading()"} Html.Ac ...
 - AJAX 的 Ajax返回数据之前的loading等待效果(gif效果等)
		
首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图 不废话,在页面上执行点击事件(<a sc ...
 
随机推荐
- centos服务器安装配置Postgre9.6
			
安装: STEP1:下载对应rpm yum install https://download.postgresql.org/pub/repos/yum/9.6/redhat/rhel-6-x86_64 ...
 - 让Spinner中的文字居中
			
如果套用simple_spinner_item或是simple_spinner_dropdown_item,然后直接在Spinner中用 android:gravity="center&qu ...
 - shell---rpm
			
[root@master src]# rpm -qpl epel-release-latest-6.noarch.rpm ##查询该rpm包安装了什么warning: epel-rel ...
 - HashMap为什么比数组查询快
			
通常数组不直接保存值,而是通过保存值的list.然后对list中的“值”使用equals方法比较,这部分查询速度自然慢.但是如果有好的散列函数,数组的每个位置就只有较少的“值”.因此,不是查询所有的l ...
 - dockerfile:制作tomcat镜像+javaweb
			
FROM ubuntu:14.10 MAINTAINER linx #把java与tomcat添加到容器中,Add会解压 ADD jdk-8u151-linux-x64.tar.gz /usr/loc ...
 - [ACM] hdu 1285 确定比赛名次 (拓扑排序)
			
确定比赛名次 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Subm ...
 - Django - 导出项目依赖库到 requirements.txt
			
两种方法: 虚拟环境: 使用 pip freeze pip freeze > requirements.txt # 这种方式推荐配合 virtualenv ,否则会把整个环境中的包都列出来. 只 ...
 - HDU - 1071 - The area - 高斯约旦消元法 - 自适应辛普森法积分
			
http://acm.hdu.edu.cn/showproblem.php?pid=1071 解一个给定三个点的坐标二次函数某区域的积分值. 设出方程之后高斯消元得到二次函数.然后再消元得到直线. 两 ...
 - 理解:return、break、continue区别
			
1.return:结束该方法的执行 2.continue:结束当前流程中的continue一下的代码,如果是for循环会再次执行下一个条件 3.break:完全终止当前执行流程,如果是for循环,那么 ...
 - 3.Python自我修炼(升仙中....整数,布尔值,字符串,for循环)
			
python学习(整数,布尔值,字符串,for循环) 1.整数  在python3中所有的整数都是int类型. 但在python2中如果数据量比较大. 会使用long类型.但是在python3中不存 ...