feat 工单消息

src/views/traffic/components/box-1.vue

@@ -55,9 +55,9 @@
 		  legend: {
 		  		type: 'scroll',
 		  		orient: 'vertical',
-		  		right: 10,
-		  		top: 70,
-		  		bottom: 20,
+		  		right: fitChartSize(10),
+		  		top: fitChartSize(70),
+		  		bottom: fitChartSize(20),
 		  		itemWidth:5,
 		  		itemHeight:5,
 				padding: [20,10,20,10],
@@ -79,7 +79,7 @@
 						  backgroundColor: '1',
 						},
 					 a: {
-						width: 75,
+						width: fitChartSize(75),
 						align: 'left',
 						fontSize:fitChartSize(16),
 						// backgroundColor:'1'
@@ -114,8 +114,8 @@
 		    {
 		      name: 'Access From',
 			  type: 'pie',
-			  left:-50,
-			  top:40,
+			  left:fitChartSize(-50),
+			  top:fitChartSize(40),
 			  width:fitChartSize(350),
 			  height:fitChartSize(350),
 			  // width:200,
@@ -129,14 +129,48 @@
 			  label: {
 				  show: false,
 				  position: 'center',
-				  
+				  fontWeight: 'bold',
+				  // formatter: function (o) {
+					 //  let data = o.data.value
+				  //   return `{value|${data}}` + '\n' + `{name|整改率}`
+				  // },
+				  // rich: {
+					  
+				  //   value: {
+				  //     color: '#fff',
+				  //     fontSize: fitChartSize(24),
+				  //     fontWeight: 'bold',
+				  //     padding: [0, 0, 5, 0]
+				  //   },
+				  //   name: {
+				  //     color: '#7894A8',
+				  //     fontSize: fitChartSize(12)
+				  //   }
+				  // }
 			  },
 			  emphasis: {
 				label: {
 					show: true,
 					fontSize: fitChartSize(16),
 					fontWeight: 'bold',
-					color:'#fff'
+					color:'#fff',
+					fontWeight: 'bold',
+					formatter: function (o) {
+						let data = o.data.value
+					  return `{value|${data}}` + '\n' + `{name|整改率}`
+					},
+					rich: {
+					  value: {
+					    color: '#fff',
+					    fontSize: fitChartSize(24),
+					    fontWeight: 'bold',
+					    padding: [0, 0, 5, 0]
+					  },
+					  name: {
+					    color: '#7894A8',
+					    fontSize: fitChartSize(12)
+					  }
+					}
 				  }
 				},
 				labelLine: {
@@ -149,7 +183,7 @@
 		        { value: 135, name: '异常状况4' },
 		        { value: 100, name: '异常状况5' },
 				{ value: 777, name: '异常状况6' },
-				{ value: 777, name: '其他' },
+				{ value: 888, name: '其他' },
 		      ]
 		     
 		    },