浏览代码

省市接口调用频次echarts

wangzhe 2 年之前
父节点
当前提交
4235b0389b

+ 30 - 10
mybusiness/src/main/resources/static/visualization/js/echarts_div.js

@@ -45,8 +45,8 @@ function getCityFrequency(){
  */
 function getProvinceFrequency(){
 	$.post("/visualization/getProvinceFrequency",function (res) {
-		shjk1(res.top5);
 		shjk2(res.top20);
+		shjk1(res.top5);
 	});
 }
 
@@ -452,6 +452,12 @@ function jkgj(res) {
 	if (option) {
 		myChart22.setOption(option);
 	}
+    myChart22.on('mouseover', function () {
+        // stopShowTip();
+    });
+    myChart22.on('mouseout', function () {
+        // autoShowTip();
+    });
 }
 
 // 归集接口排名
@@ -673,6 +679,7 @@ function shjk1(res) {
 		}
 	}
 	// 基于准备好的dom,初始化echarts实例
+    //省接口调用频次(左)
 	var myChart44 = echarts.init(document.getElementById('shjk_div1'));
 	option = {
 		//backgroundColor: '#010f23',
@@ -769,11 +776,11 @@ function shjk1(res) {
 		]
 	};
 	if (option) {
-		myChart44.setOption(option);
+		myChart44.setOption(option);//省接口调用频次(左)
 	}
 }
 
-// 省接口调用频次排名
+// 省接口调用频次排名 zzzzzzzzzzz
 function shjk2(res) {
 	//将数据处理为两个数组
 	let legend = [];
@@ -785,11 +792,12 @@ function shjk2(res) {
 		}
 	}
 	// 基于准备好的dom,初始化echarts实例
+    //省接口调用频次(右)坏了的
 	let tootipTimer = null;
 	let myChart45 = echarts.init(document.getElementById('shjk_div2'));
 	let dataX = legend; //名称
 	let dataY = data; //数据
-	let zoomShow;
+    let zoomShow = false;
 	if (dataY.length > 15) {
 		zoomShow = true;
 	} else {
@@ -920,16 +928,26 @@ function shjk2(res) {
 		],
 	};
 	if (option) {
-		myChart45.setOption(option);
+		myChart45.setOption(option);//省接口调用频次(右)坏了的
 	}
+    // 可调用clearLoop方法,清除定时器
+    tootipTimer && tootipTimer.clearLoop();
+    tootipTimer = null;
+    // 调用轮播的方法
+    tootipTimer = tools.loopShowTooltip(myChart45, option, {
+        interval: 2500, // 轮播间隔时间
+        loopSeries: true // 是否开启轮播循环
+    });
+	/*let loopSeriesMyChart45 = true;
 	// 可调用clearLoop方法,清除定时器
 	tootipTimer && tootipTimer.clearLoop();
 	tootipTimer = null;
 	// 调用轮播的方法
 	tootipTimer = tools.loopShowTooltip(myChart45, option, {
 		interval: 2000, // 轮播间隔时间
-		loopSeries: true // 是否开启轮播循环
-	});
+		loopSeries: loopSeriesMyChart45 // 是否开启轮播循环
+		// loopSeries: true // 是否开启轮播循环
+	});*/
 }
 
 // 市接口调用频次top5
@@ -951,6 +969,7 @@ function sjk1(res) {
 		}
 	}
 	// 基于准备好的dom,初始化echarts实例
+    //市接口调用频次(左)
 	var myChart55 = echarts.init(document.getElementById('sjk_div1'));
 	option = {
 		//backgroundColor: '#010f23',
@@ -1047,11 +1066,12 @@ function sjk1(res) {
 		]
 	};
 	if (option) {
-		myChart55.setOption(option);
+		myChart55.setOption(option);//市接口调用频次(左)
 	}
 }
 
-// 市接口调用频次排名
+// 市接口调用频次排名  zzzzzzzzz
+//市接口调用频次(右)
 function sjk2(res) {
 	//将数据处理为两个数组
 	let legend = [];
@@ -1198,7 +1218,7 @@ function sjk2(res) {
 		],
 	};
 	if (option) {
-		myChart56.setOption(option);
+		myChart56.setOption(option);//市接口调用频次(右)
 	}
 	// 可调用clearLoop方法,清除定时器
 	tootipTimer && tootipTimer.clearLoop();

+ 3 - 3
mybusiness/src/main/resources/static/visualization/js/th_jk.js

@@ -70,10 +70,10 @@
             $('.tab_div2').hide();
             $('.tab_div2').eq(u).show();
             if ($('.tab_div2').eq(1).is(':hidden')) {
-                // 省接口调用频次
-                getProvinceFrequency();
+                // 省接口调用频次 这里好像一调用就就会导致echarts多次加载从而轮播紊乱
+                // getProvinceFrequency();
             } else if ($('.tab_div2').eq(1).is(':hidden')) {
-                // 市接口调用频次
+                // 市接口调用频次 这里好像总也调用不到
                 getCityFrequency();
             }
         });

+ 23 - 9
mybusiness/src/main/resources/templates/apply/record/add.html

@@ -110,14 +110,6 @@
 <th:block th:include="include :: select2-js" />
 <th:block th:include="include :: bootstrap-fileinput-js" />
 <script th:inline="javascript">
-    function changeShareType(){
-        $("#treeId").val("");
-        $("#treeName").val("");
-        // let shareType = $("#shareType").val();
-        // alert(shareType)
-    }
-
-
     let prefix = ctx + "system";
     let datas = [[${@dict.getType('share_type')}]];
     let apply_prefix = ctx + "apply/record"
@@ -245,7 +237,29 @@
         }
     }
 
-    /**step步骤条**/
+    //切换接口来源
+    function changeShareType(){
+        $("#treeId").val("");
+        $("#treeName").val("");
+        let shareType = $("#shareType").val();
+        let data;
+        if(shareType == "share_type_1"){//市共享 4步
+            data = {
+                data: ['开始', '政数局审批', deptName+'审批', '完成'],
+                index: 0 //0是第一步(0~3)
+            };
+        }if(shareType == "share_type_4"){//省共享 3步
+            data = {
+                data: ['开始', '政数局审批', '完成'],
+                index: 0 //0是第一步(0~3)
+            };
+        }
+        let dom = $('#luStep');
+        dom.html("");
+        dom.stepInit(data);
+    }
+
+    /**step步骤条**/   //zzzzzzzzzzzzzzzz
     let data = {
         data: ['开始', '政数局审批', deptName+'审批', '完成'],
         index: 0 //0是第一步(0~3)