Главная Обзор Помощь
Регистрация Войти
zhengbingbing
/
XinXiangXLX_UI
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 734 Релизы 0 Вики
Просмотр исходного кода

daping

jinquanwu лет назад: 6
Родитель
3b0ab57d40
Сommit
2aa2ff5df1
4 измененных файлов с 182 добавлено и 528 удалено
Единый вид Показать статистику Diff
  1. 1 1
      WebChart/css/index.css
  2. 107 33
      WebChart/index.html
  3. 2 6
      WebChart/js/index.js
  4. 72 488
      WebChart/js/pieChat.js

+ 1 - 1
WebChart/css/index.css
Просмотреть файл

1690 
 	z-index: 9999;
 1690 
 	z-index: 9999;
1691 
 	position: relative;
 1691 
 	position: relative;
1692 
 	background: #114a97;
 1692 
 	background: #114a97;
1693 
-	height: 16px;
1693 
+	height: 21px;
1694 
 	color: #00e9ff;
 1694 
 	color: #00e9ff;
1695 
 	border: 2px solid #00e9ff;
 1695 
 	border: 2px solid #00e9ff;
1696 
 	border-radius: 2px;
 1696 
 	border-radius: 2px;

+ 107 - 33
WebChart/index.html
Просмотреть файл

6 
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 6 
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
 		<!--优先使用 IE 最新版本和 Chrome-->
 7 
 		<!--优先使用 IE 最新版本和 Chrome-->
8 
 		<meta name="renderer" content="webkit" />
 8 
 		<meta name="renderer" content="webkit" />
9 
+		<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script> -->
9 
 		<script src="Script/Common/huayi.load.js"></script>
 10 
 		<script src="Script/Common/huayi.load.js"></script>
10 
 		<script src="Script/Common/huayi.config.js"></script>
 11 
 		<script src="Script/Common/huayi.config.js"></script>
11 
 		<link rel="stylesheet" href="css/swiper.min.css" />
 12 
 		<link rel="stylesheet" href="css/swiper.min.css" />
115 
 			.oneScrClick ul li{
 116 
 			.oneScrClick ul li{
116 
 				cursor: pointer;
 117 
 				cursor: pointer;
117 
 			}
 118 
 			}
119 
+			.aaa{
120 
+				position: relative;
121 
+				float: left;
122 
+			}
123 
+			.bbb{
124 
+				position: absolute;
125 
+				top:0px;
126 
+				left: 220px;
127 
+			}
128 
+			.autype{
129 
+				margin-top: 30px;
130 
+			}
118 
 		</style>
 131 
 		</style>
119 
 	</head>
 132 
 	</head>
120 
 	<body>
 133 
 	<body>
146 
 		<div id="wrap">
 159 
 		<div id="wrap">
147 
 			<div class="swiper-container swiper-no-swiping">
 160 
 			<div class="swiper-container swiper-no-swiping">
148 
 				<div class="swiper-wrapper">
 161 
 				<div class="swiper-wrapper">
149 
-					<!--第一屏  工单统计-->
162 
+					<!--第一屏  六个图-->
163 
+					<div class="swiper-slide">
164 
+						<div class="orderSource  clearfix" style="position: relative;">
165 
+							<div class="timeWrap twotimeWarp  " style="margin-top: 20px;">
166 
+								<div class=" pull-right form-inline">
167 
+									<button type="button" class="btn btn-primary btn-sm" id="save_ssss" style="margin-left: 10px;color:#00E9FF;font-size:12px;border:2px solid #00E9FF ">搜索</button>
168 
+								</div>
169 
+								<div class=" pull-right form-inline">
170 
+									<select class="selects" id="customer_legalName">
171 
+										<option value ="">选择分公司</option>
172 
+									</select>
173 
+								</div>
174 
+								<div class=" pull-right form-inline">
175 
+									<select class="selects" id="customer_comaddress" style="width:150px;">
176 
+										<option value ="">选择大区</option>
177 
+									</select>
178 
+								</div>
179 
+
180 
+								<div class="time_box pull-right form-inline">
181 
+									日期<input type="text" id="time3" class="times  nubma" style="width:200px;" />
182 
+								</div>
183 
+								<div class=" pull-right form-inline">
184 
+									<select class="selects" id="xiaoshou">
185 
+										<option value ="">请选择基地</option>
186 
+									</select>
187 
+								</div>
188 
+								<div class=" pull-right form-inline">
189 
+									<select class="selects" id="styqu">
190 
+										<option value ="">请选择反馈类型</option>
191 
+										<option value ="1">咨询</option>
192 
+										<option value ="2">投诉</option>
193 
+										<option value ="3">抽检</option>
194 
+										<option value ="4">建议及其他</option>
195 
+									</select>
196 
+								</div>
197 
+								<div class=" pull-right form-inline">
198 
+									<select class="selects" id="Product_Category">
199 
+										<option value ="">请选择产品名称</option>
200 
+									</select>
201 
+								</div>
202 
+								<div class=" pull-right form-inline">
203 
+									<select class="selects" id="customer_taxPointDes">
204 
+										<option value ="">请选择渠道类型</option>
205 
+									</select>
206 
+								</div>
207 
+
208 
+
209 
+							</div>
210 
+
211 
+							<div class="">
212 
+								<div class="aaa  autype" style="width:33%;">
213 
+									<div id="chart" class="ccc" style="width:500px;height:400px;"></div>
214 
+									<div id="cha"  class="bbb" style="width:300px;height:200px;"></div>
215 
+								</div>
216 
+								<div class="aaa autype" style="width:33%;">
217 
+									<div id="dback" style="width:500px;height:400px;"></div>
218 
+									<div id="dback1" class="bbb"  style="width:300px;height:200px;"></div>
219 
+								</div>
220 
+								<div class="aaa autype" style="width:33%;">
221 
+									<div id="mold" style="width:500px;height:400px;"></div>
222 
+									<div id="mold1" class="bbb"  style="width:300px;height:200px;"></div>
223 
+								</div>
224 
+								<div class="aaa" style="width:33%;">
225 
+									<div id="genre" style="width:500px;height:400px;"></div>
226 
+									<div id="genre1" class="bbb"  style="width:300px;height:200px;"></div>
227 
+								</div>
228 
+								<div class="aaa" style="width:33%;">
229 
+									<div id="other" style="width:500px;height:400px;"></div>
230 
+									<div id="other1" class="bbb"  style="width:300px;height:200px;"></div>
231 
+								</div>
232 
+								<div class="aaa" style="width:33%;">
233 
+									<div id="uction" style="width:500px;height:400px;"></div>
234 
+									<div id="uction1" class="bbb"  style="width:300px;height:200px;"></div>
235 
+								</div>
236 
+								<!-- <div id="container" style="width:800px;height: 450px;"></div> -->
237 
+								<!-- <div  id="patt7" style="width:800px;height:500px;"></div> -->
238 
+								<!-- <div id="conta" style="width:800px;height: 450px;"></div> -->
239 
+								<!-- <div id="main" style="width: 800px;height:450px;"></div> -->
240 
+							</div>
241 
+						</div>
242 
+					</div>
243 
+					<!--第二屏  工单统计-->
150 
 					<div class="swiper-slide">
 244 
 					<div class="swiper-slide">
151 
 						<div class="orderStatistic slideCon_bg clearfix" style="position: relative;">
 245 
 						<div class="orderStatistic slideCon_bg clearfix" style="position: relative;">
152 
 							<p class="slide_title slide_title1" style="left: 45%;"></p>
 246 
 							<p class="slide_title slide_title1" style="left: 45%;"></p>
215 
 						</div>
 309 
 						</div>
216 
 					</div>
 310 
 					</div>
217
311
218 
-					<!--第二屏  话务量统计-->
312 
+					<!--第三屏  话务量统计-->
219 
 					<div class="swiper-slide">
 313 
 					<div class="swiper-slide">
220 
 						<div class="slideCon_bg trafficVolume clearfix" style="position: relative;">
 314 
 						<div class="slideCon_bg trafficVolume clearfix" style="position: relative;">
221 
 							<p class="slide_title slide_title5" style="left: 42%;"></p>
 315 
 							<p class="slide_title slide_title5" style="left: 42%;"></p>
272 
 						</div>
 366 
 						</div>
273 
 					</div>
 367 
 					</div>
274
368
275 
-					<!--第三屏  工单类型-->
276 
-					<div class="swiper-slide">
369 
+					<!--第四屏  工单类型-->
370 
+					<!-- <div class="swiper-slide">
277 
 						<div class="orderSource slideCon_bg clearfix" style="position: relative;">
 371 
 						<div class="orderSource slideCon_bg clearfix" style="position: relative;">
278 
 							<div class="secondPos">
 372 
 							<div class="secondPos">
279 
 								<div class="time_box pull-right form-inline">
 373 
 								<div class="time_box pull-right form-inline">
299 
 								<div class="partR" id="part4"></div>
 393 
 								<div class="partR" id="part4"></div>
300 
 							</div>
 394 
 							</div>
301 
 						</div>
 395 
 						</div>
302 
-					</div>
303 
-				<!--第四屏  五个饼图-->
304 
-				<div class="swiper-slide">
305 
-					<div class="orderSource slideCon_bg clearfix" style="position: relative;">
306 
-						<div class="timeWrap twotimeWarp firstPos">
307 
-							<div class="time_box pull-right form-inline">
308 
-								日期<input type="text" id="time3" class="times" style="width:200px;" />
309 
-							</div>
310 
-						</div>
311 
-						<p class="slide_title slide_title2" style="left: 44%;"></p>
312 
-						<!-- <div class="fourSel">
313 
-							渠道来源
314 
-							<select class="channelSel selects">
315 
-								<option value="总经销">总经销</option>
316 
-								<option value="二级商">二级商</option>
317 
-								<option value="种田大户">种田大户</option>
318 
-								<option value="公司员工">公司员工</option>
319 
-								<option value="其他公众">其他公众</option>
320 
-							</select>
321 
-						</div> -->
322 
-						<div class="threefour">
323 
-							<div class="partL" id="patt1" style="width: 500px;height:300px; margin-top: 50px;" ></div>
324 
-							<div class="partL" id="patt2" style="width: 500px;height:300px; margin-top: 50px;"></div>
325 
-							<div class="partL" id="patt3" style="width: 500px;height:300px;"></div>
326 
-							<div class="partL" id="patt4" style="width: 500px;height:300px;"></div>
327 
-							<!-- <div class="partL" id="patt5" style="width: 400px;height:300px;"></div> -->
328 
-						</div>
329 
-					</div>
330 
-				</div>
396 
+					</div> -->
397 
+
331
398
332
399
333
400
340 
 				<div class="swiper-button-next"></div>
 407 
 				<div class="swiper-button-next"></div>
341 
 			</div>
 408 
 			</div>
342 
 		</div>
 409 
 		</div>
410 
+
343 
 		<script src="js/swiper.min.js"></script>
 411 
 		<script src="js/swiper.min.js"></script>
344 
 		<script src="js/swiper.animate1.0.3.min.js"></script>
 412 
 		<script src="js/swiper.animate1.0.3.min.js"></script>
345 
 		<script src="js/countUp.js"></script>
 413 
 		<script src="js/countUp.js"></script>
346 
 		<script src="js/tagcloud.js"></script>
 414 
 		<script src="js/tagcloud.js"></script>
347 
 		<script src="js/ScrollDiv.js"></script>
 415 
 		<script src="js/ScrollDiv.js"></script>
348 
 		<script src="plugins/numbergd/index.js"></script>
 416 
 		<script src="plugins/numbergd/index.js"></script>
417 
+		<script src="js/jquery.min.js"></script>
349 
 		<script src="js/index.js"></script>
 418 
 		<script src="js/index.js"></script>
350 
 		<script src="js/pieChat.js"></script>
 419 
 		<script src="js/pieChat.js"></script>
420 
+		<script src="js/liuzhangtu.js"></script>
421 
+		<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
422 
+		<script>
423 
+
424 
+		</script>
351 
 	</body>
 425 
 	</body>
352
426
353 
 </html>
 427 
 </html>

+ 2 - 6
WebChart/js/index.js
Просмотреть файл

337 
 		partTwo();
 337 
 		partTwo();
338 
 		partThree();
 338 
 		partThree();
339 
 		partFour();
 339 
 		partFour();
340 
-		partThaa();
341 
-		partThaace();
342 
-		partTccea();
343 
-		partTaipa();
344 
-		// parthtmc();
340 
+		// partpaat();
345 
 	}
 341 
 	}
346 
 	$(".channelSel").change(function() {
 342 
 	$(".channelSel").change(function() {
347 
 	    partFour();
 343 
 	    partFour();
348 
 	})
 344 
 	})
349 
 	function Ajax() {
 345 
 	function Ajax() {
350 
-		oneScreen($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
346 
+		oneScreen($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[3])
351 
 		oneSel($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
 347 
 		oneSel($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
352 
 		twoScreen($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1])
 348 
 		twoScreen($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1])
353 
 		threeS();
 349 
 		threeS();

+ 72 - 488
WebChart/js/pieChat.js
Просмотреть файл

1 
 var container1 = echarts.init(document.getElementById('part1'));
 1 
 var container1 = echarts.init(document.getElementById('part1'));
2 
 var container2 = echarts.init(document.getElementById('part2'));
 2 
 var container2 = echarts.init(document.getElementById('part2'));
3 
 var container3 = echarts.init(document.getElementById('part3'));
 3 
 var container3 = echarts.init(document.getElementById('part3'));
4 
-var container4 = echarts.init(document.getElementById('patt1'));
5 
-var container5 = echarts.init(document.getElementById('patt2'));
6 
-var container6 = echarts.init(document.getElementById('patt3'));
7 
-var container7 = echarts.init(document.getElementById('patt4'));
8 
-var container8 = echarts.init(document.getElementById('patt5'));
4 
+
5 
+
6 
+// var container7 = echarts.init(document.getElementById('patt7')); //大屏六个图
7 
+
9 
 function partOne() {
 8 
 function partOne() {
10 
 	$.ajax({
 9 
 	$.ajax({
11 
 		type: "get",
 10 
 		type: "get",
331
330
332
331
333 
 // 第四屏
 332 
 // 第四屏
334 
-var typeSelc;
335 
-var oneType;
336 
-
337 
-
338 
-function partThaa(sd,ed) {
339 
-	if (oneType) {
340 
-		typeSelc=oneType;
341 
-	}else{
342 
-		typeSelc=5;
343 
-	}
344 
-	$.ajax({
345 
-		type: "get",
346 
-		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
347 
-		async: true,
348 
-		dataType: "json",
349 
-		data: {
350 
-//			date:
351 
-                start: sd,
352 
-				end: ed,
353 
-				type: typeSelc
354 
-		},
355 
-		success: function(data) {
356 
-			if(data.state.toLowerCase() == "success") {
357 
-				var con = data.rows;
358 
-				container4.setOption({
359 
-					title: {
360 
-						text: '区域',
361 
-						textStyle: {
362 
-							//文字颜色
363 
-							color: '#00e9ff',
364 
-							//字体大小
365 
-							　　　　fontSize: 18
366 
-						},
367 
-						x: 'left'
368 
-					},
369 
-					tooltip: {
370 
-						trigger: 'item',
371 
-						formatter: "{a} <br/>{b} : {c} ({d}%)"
372 
-					},
373 
-					legend: {
374 
-						orient: 'vertical',
375 
-						left: 'left'
376 
-					},
377 
-
378 
-					series: [{
379 
-						name: '区域',
380 
-						type: 'pie',
381 
-						radius: '70%',
382 
-						center: ['50%', '50%'],
383 
-						data: [{
384 
-								value: con[0].number,
385 
-								name: con[0].name
386 
-							},
387 
-							{
388 
-								value: con[1].number,
389 
-								name: con[1].name
390 
-							},
391 
-							{
392 
-								value:con[2].number,
393 
-								name: con[2].name
394 
-							},
395 
-							{
396 
-								value:con[3].number,
397 
-								name: con[3].name
398 
-							},
399 
-
400 
-						],
401 
-						itemStyle: {
402 
-							// normal: {
403 
-							// 	color: '#2973E4',
404 
-							// 	opacity: 0.8,
405 
-							// },
406 
-							emphasis: {
407 
-								shadowBlur: 10,
408 
-								shadowOffsetX: 0,
409 
-								shadowColor: 'rgba(255, 198, 0, 0.5)'
410 
-							}
411 
-						}
412 
-					}]
413 
-				});
414 
-			}
415 
-		}
416 
-	});
417 
-}
418 
-
419 
-function partThaace() {
420 
-	$.ajax({
421 
-		type: "get",
422 
-		url: huayi.config.callcenter_url + "WOReport/GetChanelList",
423 
-		async: true,
424 
-		dataType: "json",
425 
-		data: {
426 
-//			date:
427 
-		},
428 
-		success: function(data) {
429 
-			if(data.state.toLowerCase() == "success") {
430 
-				var con = data.rows;
431 
-				container5.setOption({
432 
-					title: {
433 
-						text: '渠道类别',
434 
-						textStyle: {
435 
-							//文字颜色
436 
-							color: '#00e9ff',
437 
-							//字体大小
438 
-							　　　　fontSize: 18
439 
-						},
440 
-						x: 'left'
441 
-					},
442 
-					tooltip: {
443 
-						trigger: 'item',
444 
-						formatter: "{a} <br/>{b} : {c} ({d}%)"
445 
-					},
446 
-					legend: {
447 
-						orient: 'vertical',
448 
-						left: 'left'
449 
-					},
450 
-
451 
-					series: [{
452 
-						name: '渠道类别',
453 
-						type: 'pie',
454 
-						radius: '70%',
455 
-						center: ['52%', '50%'],
456 
-						data: [{
457 
-								value: con.Distribution,
458 
-								name: '总经销',
459 
-							    itemStyle:{normal: {
460 
-							    	color: '#113388',
461 
-							      }
462 
-							    }
463 
-							},
464 
-							{
465 
-								value: con.Quotient,
466 
-								name: '二级商',
467 
-								itemStyle:{normal: {
468 
-									color: '#532478',
469 
-								  }
470 
-								}
471 
-							},
472 
-							{
473 
-								value: con.Bigfarmer,
474 
-								name: '种田大户',
475 
-								itemStyle:{normal: {
476 
-									color: '#487565',
477 
-								  }
478 
-								}
479 
-							},
480 
-							{
481 
-								value: con.Peasant,
482 
-								name: '农户',
483 
-								itemStyle:{normal: {
484 
-									color: '#336699',
485 
-								  }
486 
-								}
487 
-							},
488 
-							{
489 
-								value: con.Customers,
490 
-								name: '化工客户',
491 
-								itemStyle:{normal: {
492 
-									color: '#FFFEEE',
493 
-
494 
-								  }
495 
-								}
496 
-							},
497 
-							{
498 
-								value:con.Companystaf,
499 
-								name: '公司员工',
500 
-								itemStyle:{normal: {
501 
-									color: '#256EEE',
502 
-
503 
-								  }
504 
-								}
505 
-							},
506 
-							{
507 
-								value: con.Other,
508 
-								name: '其他',
509 
-								itemStyle:{normal: {
510 
-									color: '#369FFE',
511 
-
512 
-								  }
513 
-								}
514 
-							}
515 
-						],
516 
-						// itemStyle: {
517 
-						// 	normal: {
518 
-						// 		color: '#159FE9',
519 
-						// 		opacity: 0.5,
520 
-						// 	},
521 
-						// 	emphasis: {
522 
-						// 		shadowBlur: 10,
523 
-						// 		shadowOffsetX: 0,
524 
-						// 		shadowColor: 'rgba(0, 0, 0, 0.5)'
525 
-						// 	}
526 
-						// }
527 
-					}]
528 
-				});
529 
-			}
530 
-		}
531 
-	});
532 
-}
533 
-
534 
-function partTccea() {
535 
-	$.ajax({
536 
-		type: "get",
537 
-		url: huayi.config.callcenter_url + "WOReport/GetbrandList",
538 
-		async: true,
539 
-		dataType: "json",
540 
-		data: {
541 
-//			date:
542 
-		},
543 
-		success: function(data) {
544 
-			if(data.state.toLowerCase() == "success") {
545 
-				var con = data.rows;
546 
-				container6.setOption({
547 
-					title: {
548 
-						text: '品牌',
549 
-						textStyle: {
550 
-							//文字颜色
551 
-							color: '#00e9ff',
552 
-							//字体大小
553 
-							　　　　fontSize: 18
554 
-						},
555 
-						x: 'left'
556 
-					},
557 
-					tooltip: {
558 
-						trigger: 'item',
559 
-						formatter: "{a} <br/>{b} : {c} ({d}%)"
560 
-					},
561 
-					legend: {
562 
-						orient: 'vertical',
563 
-						left: 'left'
564 
-					},
565 
-
566 
-					series: [{
567 
-						name: '品牌',
568 
-						type: 'pie',
569 
-						radius: '60%',
570 
-						center: ['50%', '50%'],
571 
-						data: [{
572 
-								value: con[0].number,
573 
-								name:  con[0].name
574 
-							},
575 
-							{
576 
-								value: con[1].number,
577 
-								name:  con[1].name
578 
-							},
579 
-							{
580 
-								value: con[2].number,
581 
-								name:  con[2].name
582 
-							},
583 
-							{
584 
-								value: con[3].number,
585 
-								name:  con[3].name
586 
-							},
587 
-							{
588 
-								value: con[4].number,
589 
-								name:  con[4].name
590 
-							},
591 
-							{
592 
-								value: con[5].number,
593 
-								name:  con[5].name
594 
-							},
595 
-							{
596 
-								value: con[6].number,
597 
-								name:  con[6].name
598 
-							},
599 
-							{
600 
-								value: con[7].number,
601 
-								name:  con[7].name
602 
-							},
603 
-							{
604 
-								value: con[8].number,
605 
-								name:  con[8].name
606 
-							},
607 
-							{
608 
-								value: con[9].number,
609 
-								name:  con[9].name
610 
-							},
611 
-							{
612 
-								value: con[10].number,
613 
-								name:  con[10].name
614 
-							},
615 
-							{
616 
-								value: con[11].number,
617 
-								name:  con[11].name
618 
-							},
619 
-						],
620 
-						// itemStyle: {
621 
-						// 	normal: {
622 
-						// 		color: '#159FE9',
623 
-						// 		opacity: 0.5,
624 
-						// 	},
625 
-						// 	emphasis: {
626 
-						// 		shadowBlur: 10,
627 
-						// 		shadowOffsetX: 0,
628 
-						// 		shadowColor: 'rgba(0, 0, 0, 0.5)'
629 
-						// 	}
630 
-						// }
631 
-					}]
632 
-				});
633 
-			}
634 
-		}
635 
-	});
636 
-}
637 
-
638 
-function partTaipa() {
639 
-	$.ajax({
640 
-		type: "get",
641 
-		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
642 
-		async: true,
643 
-		dataType: "json",
644 
-		data: {
645 
-//			date:
646 
-		},
647 
-		success: function(data) {
648 
-			if(data.state.toLowerCase() == "success") {
649 
-				var con = data.rows;
650 
-				container7.setOption({
651 
-					title: {
652 
-						text: '反馈类型',
653 
-						textStyle: {
654 
-							//文字颜色
655 
-							color: '#00e9ff',
656 
-							//字体大小
657 
-							fontSize: 18
658 
-						},
659 
-						x: 'center'
660 
-					},
661 
-					tooltip: {
662 
-						trigger: 'axis',
663 
-						axisPointer: {
664 
-							type: 'cross',
665 
-							label: {
666 
-								show: true,
667 
-								backgroundColor: '#030917'
668 
-							}
669 
-						}
670 
-					},
671 
-					legend: {
672 
-						show: false
673 
-					},
674 
-					xAxis: {
675 
-						name: '产品',
676 
-						data: [
677 
-							con[0].name,
678 
-							con[1].name,
679 
-							con[2].name,
680 
-							con[3].name,
681 
-							con[4].name
682 
-							// {
683 
-							// 	value: '尿素',
684 
-							// },
685 
-							// {
686 
-							// 	value: '复合肥',
687 
-							// },
688 
-							// {
689 
-							// 	value: '水溶肥',
690 
-					  //       },
691 
-							// {
692 
-							// 	value: '车用尿素',
693 
-							// },
694 
-							// {
695 
-							// 	value: '三聚氰胺',
696 
-							// },
697 
-							// {
698 
-							// 	value: '甲醇',
699 
-							// },
700 
-							// {
701 
-							// 	value: '糖醇',
702 
-							// },
703 
-							// {
704 
-							// 	value: '腐植酸',
705 
-							// },
706 
-							// {
707 
-							// 	value: '二甲醚',
708 
-							// },
709 
-							// {
710 
-							// 	value: '糖醛',
711 
-							// },
712 
-							// {
713 
-							// 	value: '液氨',
714 
-							// },
715 
-
716 
-						],
717 
-						axisLine: {
718 
-							lineStyle: {
719 
-								color: '#ccc'
720 
-							}
721 
-						}
722 
-					},
723 
-					yAxis: {
724 
-						name: '数量',
725 
-						splitLine: {
726 
-							show: false
727 
-						},
728 
-						axisLine: {
729 
-							lineStyle: {
730 
-								color: '#fff'
731 
-							}
732 
-						}
733 
-					},
734 
-					series: [
735 
-						// {
736 
-						// 	// name: '电话',
737 
-						// 	type: 'line',
738 
-						// 	data: [
739 
-						// 		con[0].name,
740 
-						// 		con[1].name,
741 
-						// 		con[2].name,
742 
-						// 		con[3].name,
743 
-						// 		con[4].name
744 
-						// 	]
745 
-						// },
746 
-						{
747 
-							name: '数量',
748 
-							type: 'line',
749 
-							data: [
750 
-								con[0].number,
751 
-								con[1].number,
752 
-								con[2].number,
753 
-								con[3].number,
754 
-								con[4].number
755 
-							]
756 
-						}
757 
-					],
758 
-				});
759 
-			}
760 
-		}
761 
-	});
762 
-}
763 
-// function parthtmc() {
333 
+// function partpaat() {
764 
 // 	$.ajax({
 334 
 // 	$.ajax({
765 
 // 		type: "get",
 335 
 // 		type: "get",
766 
-// 		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
336 
+// 		url: huayi.config.callcenter_url + "WOReport/GetChannel",
767 
 // 		async: true,
 337 
 // 		async: true,
768 
 // 		dataType: "json",
 338 
 // 		dataType: "json",
769 
-// 		data: {
770 
-// //			date:
771 
-// 		},
339 
+// 		data: {},
772 
 // 		success: function(data) {
 340 
 // 		success: function(data) {
773 
 // 			if(data.state.toLowerCase() == "success") {
 341 
 // 			if(data.state.toLowerCase() == "success") {
774 
 // 				var con = data.rows;
 342 
 // 				var con = data.rows;
775 
-// 				container8.setOption({
776 
-// 										title: {
777 
-// 						text: '反馈类型',
343 
+// 				container7.setOption({
344 
+// 					title: {
345 
+// 						text: '来源渠道数据分析',
778 
 // 						textStyle: {
 346 
 // 						textStyle: {
779 
 // 							//文字颜色
 347 
 // 							//文字颜色
780 
 // 							color: '#00e9ff',
 348 
 // 							color: '#00e9ff',
783 
 // 						},
 351 
 // 						},
784 
 // 						x: 'center'
 352 
 // 						x: 'center'
785 
 // 					},
 353 
 // 					},
786 
-// 					color: ['#3398DB'],
787 
 // 					tooltip: {
 354 
 // 					tooltip: {
788 
 // 						trigger: 'axis',
 355 
 // 						trigger: 'axis',
789 
-// 						axisPointer: { // 坐标轴指示器，坐标轴触发有效
790 
-// 							type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
356 
+// 						axisPointer: {
357 
+// 							type: 'cross',
358 
+// 							label: {
359 
+// 								show: true,
360 
+// 								backgroundColor: '#030917'
361 
+// 							}
791 
 // 						}
 362 
 // 						}
792 
 // 					},
 363 
 // 					},
793 
-// 					grid: {
794 
-// 						left: '3%',
795 
-// 						right: '4%',
796 
-// 						bottom: '13%',
797 
-// 						containLabel: true
364 
+// 					legend: {
365 
+// 						show: false
798 
 // 					},
 366 
 // 					},
799 
-// 					xAxis: [{
800 
-// 						type: 'category',
367 
+// 					xAxis: {
368 
+// 						name: '时间',
801 
 // 						data: [
 369 
 // 						data: [
802 
-// 							con[0].name,
803 
-// 							con[1].name,
804 
-// 							con[2].name,
805 
-// 							con[3].name,
806 
-// 							con[4].name
807 
-// 							// {
808 
-// 							// 	value: '咨询',
809 
-// 							// },
810 
-// 							// {
811 
-// 							// 	value: '投诉',
812 
-// 							// },
813 
-// 							// {
814 
-// 							// 	value: '抽检',
815 
-// 							// },
816 
-// 							// {
817 
-// 							// 	value: '建议及其他',
818 
-// 							// },
819 
-//
370 
+// 							con[0].channel,
371 
+// 							con[1].channel,
372 
+// 							con[2].channel,
373 
+// 							con[3].channel,
374 
+// 							con[4].channel
820 
 // 						],
 375 
 // 						],
821 
-// 						axisTick: {
822 
-// 							alignWithLabel: true
823 
-// 						},
824 
 // 						axisLine: {
 376 
 // 						axisLine: {
825 
 // 							lineStyle: {
 377 
 // 							lineStyle: {
826 
 // 								color: '#ccc'
 378 
 // 								color: '#ccc'
827 
 // 							}
 379 
 // 							}
828 
 // 						}
 380 
 // 						}
829 
-// 					}],
830 
-// 					yAxis: [{
831 
-// 						type: 'value',
381 
+// 					},
382 
+// 					yAxis: {
383 
+// 						name: '数量',
384 
+// 						splitLine: {
385 
+// 							show: false
386 
+// 						},
832 
 // 						axisLine: {
 387 
 // 						axisLine: {
833 
 // 							lineStyle: {
 388 
 // 							lineStyle: {
834 
 // 								color: '#fff'
 389 
 // 								color: '#fff'
835 
 // 							}
 390 
 // 							}
836 
 // 						}
 391 
 // 						}
837 
-// 					}],
392 
+// 					},
838 
 // 					series: [{
 393 
 // 					series: [{
839 
-// 						name: '数量',
840 
-// 						type: 'bar',
841 
-// 						barWidth: '60%',
842 
-// 						data: [
843 
-// 							con[0].number,
844 
-// 							con[1].number,
845 
-// 							con[2].number,
846 
-// 							con[3].number,
847 
-// 							con[4].number
848 
-// 						]
849 
-// 					}]
394 
+// 							name: '电话',
395 
+// 							type: 'bar',
396 
+// 							barWidth:20,
397 
+// 							data: [
398 
+// 								con[0].Telephone,
399 
+// 								con[1].Telephone,
400 
+// 								con[2].Telephone,
401 
+// 								con[3].Telephone,
402 
+// 								con[4].Telephone
403 
+// 							]
404 
+// 						},
405 
+// 						{
406 
+// 							name: '微信',
407 
+// 							type: 'line',
408 
+// 							data: [
409 
+// 								con[0].WeChat,
410 
+// 								con[1].WeChat,
411 
+// 								con[2].WeChat,
412 
+// 								con[3].WeChat,
413 
+// 								con[4].WeChat
414 
+// 							]
415 
+// 						},
416 
+// 						 {
417 
+// 							type: 'pie',
418 
+// 							id: 'pie',
419 
+// 							radius: '40%',
420 
+// 							center: ['60%', '30%'],
421 
+// 							label: {
422 
+// 								formatter: '{b}: {@2012} ({d}%)'
423 
+// 							},
424 
+// 							encode: {
425 
+// 								itemName: 'product',
426 
+// 								value: '2012',
427 
+// 								tooltip: '2012'
428 
+// 							}
429 
+// 						}
430 
+// 					],
431 
+// 					color: ['#61a0a9', '#cb885d']
432 
+//
850 
 // 				});
 433 
 // 				});
434 
+//
851 
 // 			}
 435 
 // 			}
852 
 // 		}
 436 
 // 		}
853 
 // 	});
 437 
 // 	});