2018年1月27日 --智能分析平台

src/main/webapp/WEB-INF/views/MonitorOperation/FlowMonitor.jsp

@@ -252,6 +252,7 @@
         </div>
     </div>
     </div>
+
     <script type="text/javascript" src="${ctx}/static/js/echarts.min.js"></script>
     <script type="text/javascript">
         $(document).ready(function(){
@@ -398,6 +399,9 @@
         var df=new SimpleDateFormat();
         df.applyPattern("yyyy-MM-dd HH:mm:ss");
 
+        var sdf=new SimpleDateFormat();
+        sdf.applyPattern("HH");
+
         function seatsActivenessChart(city,cityValue) {
             var myChart = echarts.init(document.getElementById('seatsActiveness'));
             var option = {
@@ -542,10 +546,18 @@
                 },
                 xAxis:[
                     {
-                        type:'category',
-                        data:time,
-                        splitLine:{
-                            show:false
+                        type: 'category',
+                        data: time,
+                        splitLine: {
+                            show: false
+                        },
+                        axisLabel: {
+                            show: true,
+                            formatter: function (data,i) {
+                                if(i%4==0){
+                                    return sdf.format(new Date(data));
+                                }
+                            },
                         },
                     }
                 ],
@@ -648,6 +660,12 @@
                 tooltip : {
                     trigger: 'axis'
                 },
+                grid:{
+                    x:50,
+                    y:20,
+                    x2:0,
+                    y2:20,
+                },
                 legend: {
                     data:['营业厅1','营业厅2','营业厅3','营业厅4','营业厅5']
                 },
@@ -658,6 +676,15 @@
                         splitLine: {
                             show: false
                         },
+                        axisLabel: {
+                            show: true,
+                            interval:0,
+                            formatter: function (data,i) {
+                                if(i%4==0){
+                                    return sdf.format(new Date(data));
+                                }
+                            },
+                        },
                     }
                 ],
                 yAxis:[
@@ -726,7 +753,15 @@
                         data: time,
                         splitLine: {
                             show: false
-                        }
+                        },
+                        axisLabel: {
+                            show: true,
+                            formatter: function (data,i) {
+                                if(i%4==0){
+                                    return sdf.format(new Date(data));
+                                }
+                            },
+                        },
                     }
                 ],
                 yAxis:[
@@ -952,6 +987,12 @@
                 tooltip : {
                     trigger: 'axis'
                 },
+                grid:{
+                    x:50,
+                    y:40,
+                    x2:10,
+                    y2:30,
+                },
                 legend: {
                     data:ipList,
                 },
@@ -962,6 +1003,15 @@
                         splitLine: {
                             show: false
                         },
+                        axisLabel: {
+                            show: true,
+                            interval:0,
+                            formatter: function (data,i) {
+                                if(i%4==0){
+                                    return sdf.format(new Date(data));
+                                }
+                            },
+                        },
                     }
                 ],
                 yAxis:[
@@ -1319,6 +1369,7 @@
                 url: "${ctx}/MonitorOperation/FlowMonitor/ipBusiness",
                 async: false,
                 success: function(data){
+                    console.log("用户业务IP",data);
                     var cnt1 = new Array();
                     var cnt2 = new Array();
                     var cnt3 = new Array();