新版式

src/components/PieRow/index.vue

@@ -113,20 +113,21 @@
 	    color: colorList,
 	    legend: {
 	      orient: 'vertical',
-	      x: '64%',
-	      y: 'center',
-	      itemWidth: fitChartSize(12),
-	      itemHeight: fitChartSize(12),
+	      x: 'center',
+	      y: '80%',
+		  bottom:'20%',
+	      itemWidth: fitChartSize(22),
+	      itemHeight: fitChartSize(22),
 	      itemGap: fitChartSize(10),
 	      textStyle: {
 	        color: '#ffffff',
-	        fontSize: fitChartSize(14)
+	        fontSize: fitChartSize(22)
 	      }
 	    },
 	    series: [
 	      {
 	        type: 'pie',
-	        center: ['30%', '50%'],
+	        center: ['50%', '30%'],
 	        radius: ['40%', '55%'],
 	        itemStyle: {
 	          borderWidth: fitChartSize(4),
@@ -142,13 +143,13 @@
 	          rich: {
 	            value: {
 	              color: '#fff',
-	              fontSize: fitChartSize(24),
+	              fontSize: fitChartSize(22),
 	              fontWeight: 'bold',
 	              padding: [0, 0, 5, 0]
 	            },
 	            name: {
 	              color: '#fff',
-	              fontSize: fitChartSize(12)
+	              fontSize: fitChartSize(20)
 	            }
 	          }
 	        },
@@ -182,7 +183,7 @@
 		top:0;
 		width: 100%;
 		height: 100%;
-		font-size:vw(18);
+		font-size:font-vw(22);
 		// color:#999;
 		color:#02f9fa;
 		display: flex;