| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 | 
							- /**
 
-  * Created by xuxueli on 17/4/24.
 
-  */
 
- $(function () {
 
-     // 过滤时间
 
-     var _startDate = moment().subtract(1, 'months');
 
-     var _endDate = moment();
 
-     $('#filterTime').daterangepicker({
 
-         autoApply:false,
 
-         singleDatePicker:false,
 
-         showDropdowns:false,        // 是否显示年月选择条件
 
-         timePicker: true, 			// 是否显示小时和分钟选择条件
 
-         timePickerIncrement: 10, 	// 时间的增量,单位为分钟
 
-         timePicker24Hour : true,
 
-         opens : 'left', //日期选择框的弹出位置
 
-         ranges: {
 
-             //'最近1小时': [moment().subtract(1, 'hours'), moment()],
 
-             '今日': [moment().startOf('day'), moment().endOf('day')],
 
-             '昨日': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
 
-             '最近7日': [moment().subtract(7, 'days'), moment()],
 
-             '最近30日': [moment().subtract(1, 'months'), moment()],
 
-             '本月': [moment().startOf('month'), moment().endOf('month')],
 
-             '上个月': [moment().subtract(1, 'months').startOf('month'), moment().subtract(1, 'months').endOf('month')]
 
-         },
 
-         locale : {
 
-             format: 'YYYY-MM-DD HH:mm:ss',
 
-             separator : ' - ',
 
-             customRangeLabel : '自定义',
 
-             applyLabel : '确定',
 
-             cancelLabel : '取消',
 
-             fromLabel : '起始时间',
 
-             toLabel : '结束时间',
 
-             daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
 
-             monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ],
 
-             firstDay : 1
 
-         },
 
-         startDate:_startDate,
 
-         endDate: _endDate
 
-     }, function (start, end, label) {
 
-         freshChartDate(start, end);
 
-     });
 
-     freshChartDate(_startDate, _endDate);
 
-     /**
 
-      * 刷新报表
 
-      *
 
-      * @param startDate
 
-      * @param endDate
 
-      */
 
-     function freshChartDate(startDate, endDate) {
 
-         $.ajax({
 
-             type : 'POST',
 
-             url : base_url + '/triggerChartDate',
 
-             data : {
 
-                 'startDate':startDate.format('YYYY-MM-DD HH:mm:ss'),
 
-                 'endDate':endDate.format('YYYY-MM-DD HH:mm:ss')
 
-             },
 
-             dataType : "json",
 
-             success : function(data){
 
-                 if (data.code == 200) {
 
-                     lineChartInit(data)
 
-                     pieChartInit(data);
 
-                 } else {
 
-                     layer.open({
 
-                         title: '系统提示',
 
-                         content: (data.msg || '调度报表数据加载异常'),
 
-                         icon: '2'
 
-                     });
 
-                 }
 
-             }
 
-         });
 
-     }
 
-     /**
 
-      * 折线图
 
-      */
 
-     function lineChartInit(data) {
 
-         var option = {
 
-                title: {
 
-                    text: '日期分布图'
 
-                },
 
-                tooltip : {
 
-                    trigger: 'axis',
 
-                    axisPointer: {
 
-                        type: 'cross',
 
-                        label: {
 
-                            backgroundColor: '#6a7985'
 
-                        }
 
-                    }
 
-                },
 
-                legend: {
 
-                    data:['成功调度次数','失败调度次数']
 
-                },
 
-                toolbox: {
 
-                    feature: {
 
-                        /*saveAsImage: {}*/
 
-                    }
 
-                },
 
-                grid: {
 
-                    left: '3%',
 
-                    right: '4%',
 
-                    bottom: '3%',
 
-                    containLabel: true
 
-                },
 
-                xAxis : [
 
-                    {
 
-                        type : 'category',
 
-                        boundaryGap : false,
 
-                        data : data.content.triggerDayList
 
-                    }
 
-                ],
 
-                yAxis : [
 
-                    {
 
-                        type : 'value'
 
-                    }
 
-                ],
 
-                series : [
 
-                    {
 
-                        name:'成功调度次数',
 
-                        type:'line',
 
-                        stack: '总量',
 
-                        areaStyle: {normal: {}},
 
-                        data: data.content.triggerDayCountSucList
 
-                    },
 
-                    {
 
-                        name:'失败调度次数',
 
-                        type:'line',
 
-                        stack: '总量',
 
-                        label: {
 
-                            normal: {
 
-                                show: true,
 
-                                position: 'top'
 
-                            }
 
-                        },
 
-                        areaStyle: {normal: {}},
 
-                        data: data.content.triggerDayCountFailList
 
-                    }
 
-                ],
 
-                 color:['#00A65A', '#F39C12']
 
-         };
 
-         var lineChart = echarts.init(document.getElementById('lineChart'));
 
-         lineChart.setOption(option);
 
-     }
 
-     /**
 
-      * 饼图
 
-      */
 
-     function pieChartInit(data) {
 
-         var option = {
 
-             title : {
 
-                 text: '成功比例图',
 
-                 /*subtext: 'subtext',*/
 
-                 x:'center'
 
-             },
 
-             tooltip : {
 
-                 trigger: 'item',
 
-                 formatter: "{a} <br/>{b} : {c} ({d}%)"
 
-             },
 
-             legend: {
 
-                 orient: 'vertical',
 
-                 left: 'left',
 
-                 data: ['成功调度次数','失败调度次数']
 
-             },
 
-             series : [
 
-                 {
 
-                     name: '分布比例',
 
-                     type: 'pie',
 
-                     radius : '55%',
 
-                     center: ['50%', '60%'],
 
-                     data:[
 
-                         {
 
-                             value:data.content.triggerCountSucTotal,
 
-                             name:'成功调度次数'
 
-                         },
 
-                         {
 
-                             value:data.content.triggerCountFailTotal,
 
-                             name:'失败调度次数'
 
-                         }
 
-                     ],
 
-                     itemStyle: {
 
-                         emphasis: {
 
-                             shadowBlur: 10,
 
-                             shadowOffsetX: 0,
 
-                             shadowColor: 'rgba(0, 0, 0, 0.5)'
 
-                         }
 
-                     }
 
-                 }
 
-             ],
 
-             color:['#00A65A', '#F39C12']
 
-         };
 
-         var pieChart = echarts.init(document.getElementById('pieChart'));
 
-         pieChart.setOption(option);
 
-     }
 
- });
 
 
  |