Explorar el Código

大屏代码提交

miaofuhao %!s(int64=2) %!d(string=hace) años
padre
commit
7af583589c

+ 3 - 1
WebChartNewest/index.html

@@ -39,7 +39,7 @@
39 39
 						<img src="./image/switch.png" alt="">
40 40
 					</div>
41 41
 					<div id="traffic" style="width: 100%;height:240px;"></div>
42
-					<div id="timeTraffic" style="width: 100%;height:240px;"></div>
42
+					<div id="timeTraffic" style="width: 100%;height:240px;"></div> 
43 43
 				</div>
44 44
 				<!-- 热线整合受理情况 -->
45 45
 				<div class="accept_statistics">
@@ -878,5 +878,7 @@
878 878
 <script src="js/second_index.js"></script>
879 879
 <!-- 三级(工单列表)js -->
880 880
 <script src="js/workOrder.js"></script>
881
+<!--当日话务数据统计修改-->
882
+<script src="js/trafficData.js"></script>
881 883
 
882 884
 </html>

+ 0 - 17
WebChartNewest/js/main.js

@@ -218,24 +218,7 @@ function Connect() {
218 218
 			callDate = [Number(data.AgentOnlineCount), Number(data.WaiteCallCount), Number(hwcount), Number(jtcount)]
219 219
 			const outLine = dataLength - data.AgentOnlineCount;
220 220
 			callSeatStateData = [data.WaiteCallCount, data.AgentSpeakCount, data.AgentProcessingCount, data.AgentReposeCount, data.AgentFreeCount]
221
-			hotThingsChart('timeTraffic', daySeatName, callDate, callDate[0])
222 221
 			hotThingsChart('callSeatState', callSeatStateName, callSeatStateData, 500)
223
-			$('.btn_time').click(function (e) {
224
-				if (e.target.tagName == 'SPAN') {
225
-					if ($(e.target).attr('data-state') == '1') {
226
-						$('.daySeat').css('display', 'none')
227
-						$('.timeTraffic').css('display', 'inline-block')
228
-						$('#traffic').css('display', 'none')
229
-						$('#timeTraffic').css('display', 'block')
230
-						$('.act').html('当日数据')
231
-						$('.call_situation h2').text('话务数据统计')
232
-						hotThingsChart('timeTraffic', ['登陆坐席数量', '呼叫排队数量', '话务量', '呼入接通量'], callDate, callDate[0])
233
-						trafficState = 0
234
-					}
235
-				}
236
-				e.stopPropagation();
237
-			})
238
-
239 222
 		}
240 223
 
241 224
 		if (data) {

+ 259 - 0
WebChartNewest/js/trafficData.js

@@ -0,0 +1,259 @@
1
+trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
2
+getworkOrder()
3
+$('.btn_time').click(function(e) {
4
+	if(e.target.tagName == 'SPAN') {
5
+		console.log("哈哈哈哈,点我揍你")
6
+		if($(e.target).attr('data-state') == '1') {
7
+			$('.daySeat').css('display', 'none')
8
+			$('.timeTraffic').css('display', 'inline-block')
9
+			$('#traffic').css('display', 'none')
10
+			$('#timeTraffic').css('display', 'block')
11
+			$('.act').html('当日数据')
12
+			$('.call_situation h2').text('话务数据统计')
13
+			trafficDataChart('timeTraffic', ['登陆坐席数量1', '呼叫排队数量1', '话务量1', '呼入接通量1'], callDate, callDate[0])
14
+			trafficState = 0
15
+		}
16
+	}
17
+	e.stopPropagation();
18
+})
19
+function getworkOrder() {
20
+	let workOrderData = [];
21
+	let workOrderName = []
22
+	new doAjax({
23
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
24
+		data: {},
25
+		callBack: function (res) {
26
+			console.log(res)
27
+//			res.data.forEach(function (v, n) {
28
+//				workOrderData.push({
29
+//					name: v.type,
30
+//					value: v.count
31
+//				})
32
+//				workOrderName.push(v.type);
33
+//			})
34
+//			workOrderName.reverse();
35
+//			workOrderChart(workOrderData, workOrderName)
36
+		}
37
+	});
38
+}
39
+function trafficDataChart(dom, data, count, count1, rotate = 0) {
40
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
41
+	console.log(hotThings)
42
+	window.onresize = function() {
43
+		hotThings.resize()
44
+	}
45
+	
46
+	const labelOption = {
47
+		show: true,
48
+rotate: 90,
49
+  align: 'left',
50
+  verticalAlign: 'middle',
51
+  position: 'insideBottom',
52
+  //distance: 15,
53
+  //formatter: '{c}  {name|{a}}',
54
+  
55
+  formatter: () => {
56
+  	console.log('{c}' ,'c')
57
+  },
58
+  
59
+  //fontSize: 16,
60
+  rich: {
61
+    name: {}
62
+  }
63
+//		normal: {
64
+//      formatter: function(params) {
65
+//          // 可以打印自己看一下, 其实params就是每根柱子的对象
66
+//          console.info(params);
67
+//          var html = '';
68
+//          if (params.value > 0) {
69
+//              // 千万不要html += '';
70
+//              html = params.value + '次  ' + params.seriesName;
71
+//              return html;
72
+//          }
73
+//          // 没有数据的返回'' 不是返回0
74
+//          return html;
75
+//      },
76
+//   }
77
+	};
78
+	
79
+	option = {
80
+//		tooltip: {
81
+//			trigger: 'axis',
82
+//			axisPointer: {
83
+//				type: 'shadow'
84
+//			},
85
+//		},
86
+		tooltip: {
87
+			trigger: 'item',
88
+//			trigger: 'axis',
89
+		  	show: true,
90
+		  	// 进行数据处理
91
+            formatter: function (params) {
92
+                console.log(params, 'params')
93
+                var html = '';
94
+                if (params.value > 0) {
95
+                	
96
+                	html += params.marker;
97
+                	if (params.name.indexOf('率') >=0) {
98
+                		html += params.seriesName + ': ' + params.value + '%<br/>';
99
+                	} else {
100
+                		html += params.seriesName + ': ' + params.value + '<br/>';
101
+                	}
102
+                    
103
+                }
104
+                
105
+                return html;
106
+            }
107
+		},
108
+//		legend: {
109
+//			textStyle: {
110
+//				fontSize: 12, //字体大小
111
+//				color: '#ffffff' //字体颜色
112
+//			},
113
+//			lineStyle: {
114
+//				color: '#ffffff'
115
+//			}
116
+//		},
117
+		grid: {
118
+			left: '3%',
119
+			right: '4%',
120
+			bottom: '15%',
121
+			containLabel: true
122
+		},
123
+		xAxis: [{
124
+			type: 'category',
125
+			axisLine:{
126
+				lineStyle:{
127
+					color:'#ffffff'
128
+				}
129
+			},
130
+			axisLabel: {
131
+				show: true,
132
+				rotate: -30, // 角度值:Number
133
+                fontSize: 11, // 顺便调小一点字体大小
134
+				textStyle: {
135
+					color: '#ffffff'
136
+				}
137
+			},
138
+			data: ['呼入量', '接通量', '呼入接通率', '呼出量', '呼出接通量', '呼出接通率']
139
+		}],
140
+//		tooltip: {
141
+//		  show: true,
142
+//		},
143
+		yAxis: [
144
+		{
145
+			type: 'value',
146
+			axisLine:{
147
+				lineStyle:{
148
+					color:'#ffffff'
149
+				}
150
+			},
151
+//			interval: 5,
152
+//			splitLine:{ show:false} ,
153
+//	        axisLine: {show: false}, 
154
+//	        axisTick: {show: false}
155
+		},
156
+		{
157
+			type: 'value',
158
+			axisLine:{
159
+				lineStyle:{
160
+					color:'#ffffff'
161
+				}
162
+			},
163
+//			interval: 5,
164
+			splitLine:{ show:false} ,
165
+			min: 0,
166
+		    max: 100,
167
+		    axisLabel: {
168
+		    	formatter: '{value} 100%'
169
+		    }
170
+		}
171
+		],
172
+		series: [{
173
+				name: '呼入量',
174
+				type: 'bar',
175
+				stack: 'A',
176
+				barWidth : 15,
177
+				label: labelOption,
178
+				data: [320,0,0,0,0,0]
179
+			},
180
+			{
181
+				name: '未接通回拨量',
182
+				type: 'bar',
183
+				stack: 'A',
184
+				barWidth : 15,
185
+				label: labelOption,
186
+				data: [0,20,0,0,0,0]
187
+			},
188
+			{
189
+				name: '自助接听量',
190
+				type: 'bar',
191
+				stack: 'A',
192
+				barWidth : 15,
193
+				label: labelOption,
194
+				data: [0,80,0,0,0,0]
195
+			},
196
+			{
197
+				name: '人工接通量',
198
+				type: 'bar',
199
+				stack: 'A',
200
+				barWidth : 15,
201
+				label: labelOption,
202
+				data: [0,220,0,0,0,0]
203
+			},
204
+			{
205
+				name: '回拨率',
206
+				type: 'bar',
207
+				stack: 'A',
208
+				yAxisIndex: 1,
209
+				barWidth : 15,
210
+				label: labelOption,
211
+				data: [0,0,20,0,0,0]
212
+			},
213
+			{
214
+				name: '自助率',
215
+				type: 'bar',
216
+				stack: 'A',
217
+				yAxisIndex: 1,
218
+				barWidth : 15,
219
+				label: labelOption,
220
+				data: [0,0,30,0,0,0]
221
+			},
222
+			{
223
+				name: '人工率',
224
+				type: 'bar',
225
+				stack: 'A',
226
+				yAxisIndex: 1,
227
+				barWidth : 15,
228
+				label: labelOption,
229
+				data: [0,0,50,0,0,0]
230
+			},
231
+			{
232
+				name: '呼出量',
233
+				type: 'bar',
234
+				stack: 'A',
235
+				barWidth : 15,
236
+				label: labelOption,
237
+				data: [0,0,0,150,0,0]
238
+			},
239
+			{
240
+				name: '呼出接通量',
241
+				type: 'bar',
242
+				stack: 'A',
243
+				barWidth : 15,
244
+				label: labelOption,
245
+				data: [0,0,0,0,150,0]
246
+			},
247
+			{
248
+				name: '呼出接通率',
249
+				type: 'bar',
250
+				stack: 'A',
251
+				yAxisIndex: 1,
252
+				barWidth :15,
253
+				label: labelOption,
254
+				data: [0,0,0,0,0,99]
255
+			},
256
+		]
257
+	};
258
+	hotThings.setOption(option);
259
+}

+ 178 - 0
WebChartNewest/js/trafficDataBF.js

@@ -0,0 +1,178 @@
1
+trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
2
+$('.btn_time').click(function(e) {
3
+	if(e.target.tagName == 'SPAN') {
4
+		console.log("哈哈哈哈,点我揍你")
5
+		if($(e.target).attr('data-state') == '1') {
6
+			$('.daySeat').css('display', 'none')
7
+			$('.timeTraffic').css('display', 'inline-block')
8
+			$('#traffic').css('display', 'none')
9
+			$('#timeTraffic').css('display', 'block')
10
+			$('.act').html('当日数据')
11
+			$('.call_situation h2').text('话务数据统计')
12
+			trafficDataChart('timeTraffic', ['登陆坐席数量1', '呼叫排队数量1', '话务量1', '呼入接通量1'], callDate, callDate[0])
13
+			trafficState = 0
14
+		}
15
+	}
16
+	e.stopPropagation();
17
+})
18
+
19
+function trafficDataChart(dom, data, count, count1, rotate = 0) {
20
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
21
+	console.log(hotThings)
22
+	window.onresize = function() {
23
+		hotThings.resize()
24
+	}
25
+	option = {
26
+		tooltip: {
27
+			trigger: 'axis',
28
+			axisPointer: {
29
+				type: 'shadow'
30
+			}
31
+		},
32
+//		tooltip: {
33
+//		  show: true,
34
+//		  formatter(params) {
35
+//		    if(params.value === '-') {
36
+//		      return `${params.name}: 0`;
37
+//		    }
38
+//		    return `${params.name}: ${params.value}`
39
+//		  }
40
+//		},
41
+//		legend: {
42
+//			textStyle: {
43
+//				fontSize: 12, //字体大小
44
+//				color: '#ffffff' //字体颜色
45
+//			},
46
+//			lineStyle: {
47
+//				color: '#ffffff'
48
+//			}
49
+//		},
50
+		grid: {
51
+			left: '3%',
52
+			right: '4%',
53
+			bottom: '3%',
54
+			containLabel: true
55
+		},
56
+		xAxis: [{
57
+			type: 'category',
58
+			axisLine:{
59
+				lineStyle:{
60
+					color:'#ffffff'
61
+				}
62
+			},
63
+			axisLabel: {
64
+				show: true,
65
+				textStyle: {
66
+					color: '#ffffff'
67
+				}
68
+			},
69
+			data: ['呼入量', '接通量', '呼入接通率', '呼出量', '呼出接通量', '呼出接通率']
70
+		}],
71
+		
72
+		yAxis: [
73
+		{
74
+			type: 'value',
75
+			axisLine:{
76
+				lineStyle:{
77
+					color:'#ffffff'
78
+				}
79
+			},
80
+//			interval: 5,
81
+			splitLine:{ show:false} ,
82
+//	        axisLine: {show: false}, 
83
+//	        axisTick: {show: false}
84
+		},
85
+		{
86
+			type: 'value',
87
+			axisLine:{
88
+				lineStyle:{
89
+					color:'#ffffff'
90
+				}
91
+			},
92
+//			interval: 5,
93
+			splitLine:{ show:false} ,
94
+			min: 0,
95
+		    max: 100,
96
+		    axisLabel: {
97
+		    	formatter: '{value} 100%'
98
+		    }
99
+		}
100
+		],
101
+		series: [{
102
+				name: '呼入量',
103
+				type: 'bar',
104
+				stack: 'A',
105
+				barWidth : 15,
106
+				data: [320,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
107
+			},
108
+			{
109
+				name: '未接通回拨量',
110
+				type: 'bar',
111
+				stack: 'A',
112
+				barWidth : 15,
113
+				data: [{value:0, itemStyle: {opacity: 0}},20,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
114
+			},
115
+			{
116
+				name: '自助接听量',
117
+				type: 'bar',
118
+				stack: 'A',
119
+				barWidth : 15,
120
+				data: [{value:0, itemStyle: {opacity: 0}},80,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
121
+			},
122
+			{
123
+				name: '人工接通量',
124
+				type: 'bar',
125
+				stack: 'A',
126
+				barWidth : 15,
127
+				data: [{value:0, itemStyle: {opacity: 0}},220,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
128
+			},
129
+			{
130
+				name: '回拨率',
131
+				type: 'bar',
132
+				stack: 'A',
133
+				yAxisIndex: 1,
134
+				barWidth : 15,
135
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},20,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
136
+			},
137
+			{
138
+				name: '自助率',
139
+				type: 'bar',
140
+				stack: 'A',
141
+				yAxisIndex: 1,
142
+				barWidth : 15,
143
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},30,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
144
+			},
145
+			{
146
+				name: '人工率',
147
+				type: 'bar',
148
+				stack: 'A',
149
+				yAxisIndex: 1,
150
+				barWidth : 15,
151
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},50,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
152
+			},
153
+			{
154
+				name: '呼出量',
155
+				type: 'bar',
156
+				stack: 'A',
157
+				barWidth : 15,
158
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},150,{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}}]
159
+			},
160
+			{
161
+				name: '呼出接通量',
162
+				type: 'bar',
163
+				stack: 'A',
164
+				barWidth : 15,
165
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},150,{value:0, itemStyle: {opacity: 0}}]
166
+			},
167
+			{
168
+				name: '呼出接通率',
169
+				type: 'bar',
170
+				stack: 'A',
171
+				yAxisIndex: 1,
172
+				barWidth :15,
173
+				data: [{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},{value:0, itemStyle: {opacity: 0}},99]
174
+			},
175
+		]
176
+	};
177
+	hotThings.setOption(option);
178
+}

+ 179 - 0
WebChartNewest/js/trafficDataBF1.js

@@ -0,0 +1,179 @@
1
+trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
2
+$('.btn_time').click(function(e) {
3
+	if(e.target.tagName == 'SPAN') {
4
+		console.log("哈哈哈哈,点我揍你")
5
+		if($(e.target).attr('data-state') == '1') {
6
+			$('.daySeat').css('display', 'none')
7
+			$('.timeTraffic').css('display', 'inline-block')
8
+			$('#traffic').css('display', 'none')
9
+			$('#timeTraffic').css('display', 'block')
10
+			$('.act').html('当日数据')
11
+			$('.call_situation h2').text('话务数据统计')
12
+			trafficDataChart('timeTraffic', ['登陆坐席数量1', '呼叫排队数量1', '话务量1', '呼入接通量1'], callDate, callDate[0])
13
+			trafficState = 0
14
+		}
15
+	}
16
+	e.stopPropagation();
17
+})
18
+
19
+function trafficDataChart(dom, data, count, count1, rotate = 0) {
20
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
21
+	console.log(hotThings)
22
+	window.onresize = function() {
23
+		hotThings.resize()
24
+	}
25
+	option = {
26
+		tooltip: {
27
+			trigger: 'axis',
28
+			axisPointer: {
29
+				type: 'shadow'
30
+			},
31
+			show: true,
32
+			formatter(params) {
33
+				console.log((params.name,params.value)
34
+			    if(params.value === '-') {
35
+			      return `${params.name}: 0`;
36
+			    }
37
+			    return `${params.name}: ${params.value}`
38
+			 }
39
+		},
40
+//		legend: {
41
+//			textStyle: {
42
+//				fontSize: 12, //字体大小
43
+//				color: '#ffffff' //字体颜色
44
+//			},
45
+//			lineStyle: {
46
+//				color: '#ffffff'
47
+//			}
48
+//		},
49
+		grid: {
50
+			left: '3%',
51
+			right: '4%',
52
+			bottom: '3%',
53
+			containLabel: true
54
+		},
55
+		xAxis: [{
56
+			type: 'category',
57
+			axisLine:{
58
+				lineStyle:{
59
+					color:'#ffffff'
60
+				}
61
+			},
62
+			axisLabel: {
63
+				show: true,
64
+				textStyle: {
65
+					color: '#ffffff'
66
+				}
67
+			},
68
+			data: ['呼入量', '接通量', '呼入接通率', '呼出量', '呼出接通量', '呼出接通率']
69
+		}],
70
+//		tooltip: {
71
+//		  show: true,
72
+//		},
73
+		yAxis: [
74
+		{
75
+			type: 'value',
76
+			axisLine:{
77
+				lineStyle:{
78
+					color:'#ffffff'
79
+				}
80
+			},
81
+//			interval: 5,
82
+//			splitLine:{ show:false} ,
83
+//	        axisLine: {show: false}, 
84
+//	        axisTick: {show: false}
85
+		},
86
+		{
87
+			type: 'value',
88
+			axisLine:{
89
+				lineStyle:{
90
+					color:'#ffffff'
91
+				}
92
+			},
93
+//			interval: 5,
94
+			splitLine:{ show:false} ,
95
+			min: 0,
96
+		    max: 100,
97
+		    axisLabel: {
98
+		    	formatter: '{value} 100%'
99
+		    }
100
+		}
101
+		],
102
+		series: [{
103
+				name: '呼入量',
104
+				type: 'bar',
105
+				stack: 'A',
106
+				barWidth : 15,
107
+				data: [320,'-','-','-','-','-']
108
+			},
109
+			{
110
+				name: '未接通回拨量',
111
+				type: 'bar',
112
+				stack: 'A',
113
+				barWidth : 15,
114
+				data: ['-',20,'-','-','-','-']
115
+			},
116
+			{
117
+				name: '自助接听量',
118
+				type: 'bar',
119
+				stack: 'A',
120
+				barWidth : 15,
121
+				data: ['-',80,'-','-','-','-']
122
+			},
123
+			{
124
+				name: '人工接通量',
125
+				type: 'bar',
126
+				stack: 'A',
127
+				barWidth : 15,
128
+				data: ['-',220,'-','-','-','-']
129
+			},
130
+			{
131
+				name: '回拨率',
132
+				type: 'bar',
133
+				stack: 'A',
134
+				yAxisIndex: 1,
135
+				barWidth : 15,
136
+				data: ['-','-',20,'-','-','-']
137
+			},
138
+			{
139
+				name: '自助率',
140
+				type: 'bar',
141
+				stack: 'A',
142
+				yAxisIndex: 1,
143
+				barWidth : 15,
144
+				data: ['-','-',30,'-','-','-']
145
+			},
146
+			{
147
+				name: '人工率',
148
+				type: 'bar',
149
+				stack: 'A',
150
+				yAxisIndex: 1,
151
+				barWidth : 15,
152
+				data: ['-','-',50,'-','-','-']
153
+			},
154
+			{
155
+				name: '呼出量',
156
+				type: 'bar',
157
+				stack: 'A',
158
+				barWidth : 15,
159
+				data: ['-','-','-',150,'-','-']
160
+			},
161
+			{
162
+				name: '呼出接通量',
163
+				type: 'bar',
164
+				stack: 'A',
165
+				barWidth : 15,
166
+				data: ['-','-','-','-',150,'-']
167
+			},
168
+			{
169
+				name: '呼出接通率',
170
+				type: 'bar',
171
+				stack: 'A',
172
+				yAxisIndex: 1,
173
+				barWidth :15,
174
+				data: ['-','-','-','-','-',99]
175
+			},
176
+		]
177
+	};
178
+	hotThings.setOption(option);
179
+}

+ 200 - 0
WebChartNewest/js/复制 trafficData.js

@@ -0,0 +1,200 @@
1
+//trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
2
+getworkOrder()
3
+$('.btn_time').click(function(e) {
4
+	if(e.target.tagName == 'SPAN') {
5
+		console.log("哈哈哈哈,点我揍你")
6
+		if($(e.target).attr('data-state') == '1') {
7
+			$('.daySeat').css('display', 'none')
8
+			$('.timeTraffic').css('display', 'inline-block')
9
+			$('#traffic').css('display', 'none')
10
+			$('#timeTraffic').css('display', 'block')
11
+			$('.act').html('当日数据')
12
+			$('.call_situation h2').text('话务数据统计')
13
+//			trafficDataChart('timeTraffic', ['登陆坐席数量1', '呼叫排队数量1', '话务量1', '呼入接通量1'], callDate, callDate[0])
14
+			trafficState = 0
15
+		}
16
+	}
17
+	e.stopPropagation();
18
+})
19
+function getworkOrder() {
20
+	let workOrderData = [];
21
+	let workOrderName = []
22
+	new doAjax({
23
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
24
+		data: {},
25
+		callBack: function (res) {
26
+			var data = res.data.hw[0]
27
+			console.log(data)
28
+			trafficDataChart(data)
29
+		}
30
+	});
31
+}
32
+function trafficDataChart(getdata) {
33
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
34
+	console.log(hotThings)
35
+	window.onresize = function() {
36
+		hotThings.resize()
37
+	}
38
+	option = {
39
+		tooltip: {
40
+			trigger: 'axis',
41
+			axisPointer: {
42
+				type: 'shadow'
43
+			},
44
+		},
45
+//		tooltip: {
46
+//		  show: true,
47
+//		  formatter(params) {
48
+//		    if(params.value === '-') {
49
+//		      return `${params.name}: 0`;
50
+//		    }
51
+//		    return `${params.name}: ${params.value}`
52
+//		  }
53
+//		},
54
+//		legend: {
55
+//			textStyle: {
56
+//				fontSize: 12, //字体大小
57
+//				color: '#ffffff' //字体颜色
58
+//			},
59
+//			lineStyle: {
60
+//				color: '#ffffff'
61
+//			}
62
+//		},
63
+		grid: {
64
+			left: '3%',
65
+			right: '4%',
66
+			bottom: '15%',
67
+			containLabel: true
68
+		},
69
+		xAxis: [{
70
+			type: 'category',
71
+			axisLine:{
72
+				lineStyle:{
73
+					color:'#ffffff'
74
+				}
75
+			},
76
+			axisLabel: {
77
+				show: true,
78
+				rotate: -30, // 角度值:Number
79
+                fontSize: 11, // 顺便调小一点字体大小
80
+				textStyle: {
81
+					color: '#ffffff'
82
+				}
83
+			},
84
+//			hbbili: "33.33%" 回拨率		hcbili: "100%" 呼出率	hccount: 0 呼出数量	
85
+//			hcjtcount: 0 呼出接通量				
86
+//hwcount: 0 呼入量	hbcount: 0 回拨数量	zzcount: 0 自助数量		jtcount: 0 接通数量
87
+//hbbili: "33.33%" 回拨率	zzbili: "33.33%" 自助率	jtbili: "33.33%" 接通率	
88
+//
89
+			data: ['呼入量', '接通量', '呼入接通率', '呼出量', '呼出接通量', '呼出接通率']
90
+		}],
91
+//		tooltip: {
92
+//		  show: true,
93
+//		},
94
+		yAxis: [
95
+		{
96
+			type: 'value',
97
+			axisLine:{
98
+				lineStyle:{
99
+					color:'#ffffff'
100
+				}
101
+			},
102
+//			interval: 5,
103
+//			splitLine:{ show:false} ,
104
+//	        axisLine: {show: false}, 
105
+//	        axisTick: {show: false}
106
+		},
107
+		{
108
+			type: 'value',
109
+			axisLine:{
110
+				lineStyle:{
111
+					color:'#ffffff'
112
+				}
113
+			},
114
+//			interval: 5,
115
+			splitLine:{ show:false} ,
116
+			min: 0,
117
+		    max: 100,
118
+		    axisLabel: {
119
+		    	formatter: '{value} %'
120
+		    }
121
+		}
122
+		],
123
+		series: [{
124
+				name: '呼入量',
125
+				type: 'bar',
126
+				stack: 'A',
127
+				barWidth : 15,
128
+				data: [getdata.hwcount,0,0,0,0,0]
129
+			},
130
+			{
131
+				name: '未接通回拨量',
132
+				type: 'bar',
133
+				stack: 'A',
134
+				barWidth : 15,
135
+				data: [0,getdata.hbcount,0,0,0,0]
136
+			},
137
+			{
138
+				name: '自助接听量',
139
+				type: 'bar',
140
+				stack: 'A',
141
+				barWidth : 15,
142
+				data: [0,getdata.zzcount,0,0,0,0]
143
+			},
144
+			{
145
+				name: '人工接通量',
146
+				type: 'bar',
147
+				stack: 'A',
148
+				barWidth : 15,
149
+				data: [0,getdata.jtcount,0,0,0,0]
150
+			},
151
+			{
152
+				name: '回拨率',
153
+				type: 'bar',
154
+				stack: 'A',
155
+				yAxisIndex: 1,
156
+				barWidth : 15,
157
+				data: [0,0,getdata.hbbili,0,0,0]
158
+			},
159
+			{
160
+				name: '自助率',
161
+				type: 'bar',
162
+				stack: 'A',
163
+				yAxisIndex: 1,
164
+				barWidth : 15,
165
+				data: [0,0,getdata.zzbili,0,0,0]
166
+			},
167
+			{
168
+				name: '人工率',
169
+				type: 'bar',
170
+				stack: 'A',
171
+				yAxisIndex: 1,
172
+				barWidth : 15,
173
+				data: [0,0,getdata.jtbili,0,0,0]
174
+			},
175
+			{
176
+				name: '呼出量',
177
+				type: 'bar',
178
+				stack: 'A',
179
+				barWidth : 15,
180
+				data: [0,0,0,getdata.hccount,0,0]
181
+			},
182
+			{
183
+				name: '呼出接通量',
184
+				type: 'bar',
185
+				stack: 'A',
186
+				barWidth : 15,
187
+				data: [0,0,0,0,getdata.hcjtcount,0]
188
+			},
189
+			{
190
+				name: '呼出接通率',
191
+				type: 'bar',
192
+				stack: 'A',
193
+				yAxisIndex: 1,
194
+				barWidth :15,
195
+				data: [0,0,0,0,0,getdata.hcbili]
196
+			},
197
+		]
198
+	};
199
+	hotThings.setOption(option);
200
+}