中心大数据通话接通率重新写布局

js/zhongxin.js

@@ -10,61 +10,52 @@ angular.module('zhongxin', [])
 //			$('#jtv_num').css("height", height_div);
 //		});
 
-
-		$('#slhw').highcharts({
-			chart: {
-				type: 'pie',
-				backgroundColor: '#100e11',
-				options3d: {
-					enabled: true,
-					alpha: 45,
-					beta: 0
-				}
-			},
-			title: {
-				text: '受理渠道话务量',
-				style: {
+		//接通率
+	
+		var slhw = echarts.init(document.getElementById('slhw'));
+		option = {
+    title : {
+        text: '接通率统计源',
+        x:'center',
+        textStyle: {
 					color: '#fff',
+					fontSize: 16,
+					fontWeight:'normal'
 				}
-			},
-			//LOGO 去掉
-			credits: {
-				enabled: false
-			},
-			tooltip: {
-				pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+   
+    series : [
+        {
+            name: '话务量',
+            type: 'pie',
+            radius : '60%',
+            center: ['50%', '55%'],
+            data:[
+                {value:335, name:'微信', selected:true},
+                {value:310, name:'短信'},
+                {value:234, name:'微博'},
+                {value:135, name:'邮件'},
+                {value:148, name:'QQ'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ],
+    color:['#91c7ae','#d48265','#61a0a8','#c23531','#2bdbcd']
+};
+		
+		slhw.setOption(option);
+		
 			
-			},
-			plotOptions: {
-				pie: {
-					allowPointSelect: true,
-					cursor: 'pointer',
-					depth: 35,
-					dataLabels: {
-						enabled: true,
-						format: '<b style="font-size:14px; ">{point.name}</b>: <b>{point.percentage:.1f}%</b>'
-					}
-				}
-			},
-			series: [{
-				type: 'pie',
-				name: '受理渠道话务量',
-				data: [
-					['电话', 45.0],
-					['网站门户', 26.8],
-					{
-						name: 'APP',
-						y: 12.8,
-						sliced: true,
-						selected: true
-					},
-					['微信', 8.5],
-					['短信', 6.2],
-					['微博', 0.7],
-					['邮件', 10.5],
-				]
-			}]
-		});
 	
 		//通话数量
 		$('#th_num').highcharts({
@@ -152,6 +143,7 @@ angular.module('zhongxin', [])
 				data: [8, 4, 5, 8, 11, 15, 17, 16, 14, 10, 6, 4]
 			}]
 		});
+		
 		//接通率报表
 		var jtv = echarts.init(document.getElementById('jtv_num'));
 		option = {
@@ -160,7 +152,8 @@ angular.module('zhongxin', [])
 				x: 'center',
 				textStyle: {
 					color: '#fff',
-					fontSize: 16
+					fontSize: 16,
+					fontWeight:'normal'
 				}
 			},
 			tooltip: {
@@ -181,13 +174,13 @@ angular.module('zhongxin', [])
 				}
 			},
 			xAxis: {
-				data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],
+				data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
 				axisLine: {
 					lineStyle: {
 						color: '#ccc'
-				
 					}
 				},
+			
 
 			},
 			yAxis: {
@@ -209,10 +202,10 @@ angular.module('zhongxin', [])
 			}, {
 				name: '接通量',
 				type: 'bar',
-				barWidth: 10,
+				barWidth: 8,
 				itemStyle: {
 					normal: {
-						barBorderRadius: 5,
+//						barBorderRadius: 5,
 						color: new echarts.graphic.LinearGradient(
 							0, 0, 0, 1, [
 								{ offset: 0, color: '#14c8d4' },
@@ -222,6 +215,19 @@ angular.module('zhongxin', [])
 					}
 				},
 				data: [20, 33, 80, 14, 60, 42, 99, 22, 36, 19,25,30,45,80,65,55,42,50,55,66,36,23,20,21]
+			},{
+				name: '未接量',
+				type: 'line',
+				smooth: true,
+				showAllSymbol: true,
+				symbol: 'emptyCircle',
+				symbolSize: 8,
+				itemStyle: {
+					normal: {
+						color:  'yellow' 
+					}
+				},
+				data: [22, 35, 88, 16, 66, 45, 100, 23, 38, 22,26,33,46,82,66,56,44,52,57,69,38,25,22,12]
 			}]
 			
 		};