jinquanwu 6 年之前
父节点
当前提交
2aa2ff5df1
共有 4 个文件被更改,包括 182 次插入528 次删除
  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,7 +1690,7 @@ a {
1690 1690
 	z-index: 9999;
1691 1691
 	position: relative;
1692 1692
 	background: #114a97;
1693
-	height: 16px;
1693
+	height: 21px;
1694 1694
 	color: #00e9ff;
1695 1695
 	border: 2px solid #00e9ff;
1696 1696
 	border-radius: 2px;

+ 107 - 33
WebChart/index.html

@@ -6,6 +6,7 @@
6 6
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 7
 		<!--优先使用 IE 最新版本和 Chrome-->
8 8
 		<meta name="renderer" content="webkit" />
9
+		<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script> -->
9 10
 		<script src="Script/Common/huayi.load.js"></script>
10 11
 		<script src="Script/Common/huayi.config.js"></script>
11 12
 		<link rel="stylesheet" href="css/swiper.min.css" />
@@ -115,6 +116,18 @@
115 116
 			.oneScrClick ul li{
116 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 131
 		</style>
119 132
 	</head>
120 133
 	<body>
@@ -146,7 +159,88 @@
146 159
 		<div id="wrap">
147 160
 			<div class="swiper-container swiper-no-swiping">
148 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 244
 					<div class="swiper-slide">
151 245
 						<div class="orderStatistic slideCon_bg clearfix" style="position: relative;">
152 246
 							<p class="slide_title slide_title1" style="left: 45%;"></p>
@@ -215,7 +309,7 @@
215 309
 						</div>
216 310
 					</div>
217 311
 
218
-					<!--第屏  话务量统计-->
312
+					<!--第屏  话务量统计-->
219 313
 					<div class="swiper-slide">
220 314
 						<div class="slideCon_bg trafficVolume clearfix" style="position: relative;">
221 315
 							<p class="slide_title slide_title5" style="left: 42%;"></p>
@@ -272,8 +366,8 @@
272 366
 						</div>
273 367
 					</div>
274 368
 
275
-					<!--第屏  工单类型-->
276
-					<div class="swiper-slide">
369
+					<!--第屏  工单类型-->
370
+					<!-- <div class="swiper-slide">
277 371
 						<div class="orderSource slideCon_bg clearfix" style="position: relative;">
278 372
 							<div class="secondPos">
279 373
 								<div class="time_box pull-right form-inline">
@@ -299,35 +393,8 @@
299 393
 								<div class="partR" id="part4"></div>
300 394
 							</div>
301 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,14 +407,21 @@
340 407
 				<div class="swiper-button-next"></div>
341 408
 			</div>
342 409
 		</div>
410
+		
343 411
 		<script src="js/swiper.min.js"></script>
344 412
 		<script src="js/swiper.animate1.0.3.min.js"></script>
345 413
 		<script src="js/countUp.js"></script>
346 414
 		<script src="js/tagcloud.js"></script>
347 415
 		<script src="js/ScrollDiv.js"></script>
348 416
 		<script src="plugins/numbergd/index.js"></script>
417
+		<script src="js/jquery.min.js"></script>
349 418
 		<script src="js/index.js"></script>
350 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 425
 	</body>
352 426
 
353 427
 </html>

+ 2 - 6
WebChart/js/index.js

@@ -337,17 +337,13 @@ function turn(aa) {
337 337
 		partTwo();
338 338
 		partThree();
339 339
 		partFour();
340
-		partThaa();
341
-		partThaace();
342
-		partTccea();
343
-		partTaipa();
344
-		// parthtmc();
340
+		// partpaat();
345 341
 	}
346 342
 	$(".channelSel").change(function() {
347 343
 	    partFour();
348 344
 	})
349 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 347
 		oneSel($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
352 348
 		twoScreen($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1])
353 349
 		threeS();

+ 72 - 488
WebChart/js/pieChat.js

@@ -1,11 +1,10 @@
1 1
 var container1 = echarts.init(document.getElementById('part1'));
2 2
 var container2 = echarts.init(document.getElementById('part2'));
3 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 8
 function partOne() {
10 9
 	$.ajax({
11 10
 		type: "get",
@@ -331,450 +330,19 @@ function partFour() {
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 334
 // 	$.ajax({
765 335
 // 		type: "get",
766
-// 		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
336
+// 		url: huayi.config.callcenter_url + "WOReport/GetChannel",
767 337
 // 		async: true,
768 338
 // 		dataType: "json",
769
-// 		data: {
770
-// //			date:
771
-// 		},
339
+// 		data: {},
772 340
 // 		success: function(data) {
773 341
 // 			if(data.state.toLowerCase() == "success") {
774 342
 // 				var con = data.rows;
775
-// 				container8.setOption({
776
-// 										title: {
777
-// 						text: '反馈类型',
343
+// 				container7.setOption({
344
+// 					title: {
345
+// 						text: '来源渠道数据分析',
778 346
 // 						textStyle: {
779 347
 // 							//文字颜色
780 348
 // 							color: '#00e9ff',
@@ -783,71 +351,87 @@ function partTaipa() {
783 351
 // 						},
784 352
 // 						x: 'center'
785 353
 // 					},
786
-// 					color: ['#3398DB'],
787 354
 // 					tooltip: {
788 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 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 376
 // 						axisLine: {
825 377
 // 							lineStyle: {
826 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 387
 // 						axisLine: {
833 388
 // 							lineStyle: {
834 389
 // 								color: '#fff'
835 390
 // 							}
836 391
 // 						}
837
-// 					}],
392
+// 					},
838 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
 // 	});