perf: dashboard component on resize not fill container && set primary color

@@ -18,7 +18,10 @@ const GLOBAL_TOKEN = (() => {
 	}
 })()
 
-const CAN_WRITE = 'api:yt:admin:designConfiguration1'
+/**
+ * @description 写权限 key
+ */
+const CAN_WRITE = 'api:yt:admin:designConfiguration'
 
 const USER_PERMISSION = {
 	permission: []

@@ -412,13 +412,15 @@
 				{
 					type: 'gauge',
 					center: ['50%', '60%'],
+					radius: '100%',
 					startAngle: 200,
 					endAngle: -20,
 					min: 0,
 					max: 100,
 					splitNumber: 10,
 					itemStyle: {
-						color: '#FFAB91'
+						color: '#5479c6'
+						// color: '#FFAB91'
 					},
 					progress: {
 						show: true,
@@ -433,7 +435,7 @@
 						}
 					},
 					axisTick: {
-						distance: -45,
+						distance: 0,
 						splitNumber: 5,
 						lineStyle: {
 							width: 2,
@@ -441,7 +443,7 @@
 						}
 					},
 					splitLine: {
-						distance: -52,
+						distance: 0,
 						length: 14,
 						lineStyle: {
 							width: 3,
@@ -449,9 +451,9 @@
 						}
 					},
 					axisLabel: {
-						distance: -20,
+						distance: 35,
 						color: '#999',
-						fontSize: 20
+						fontSize: 20 
 					},
 					anchor: {
 						show: false

@@ -13743,13 +13743,15 @@ class HandleDataSource {
                 {
                     type: 'gauge',
                     center: ['50%', '60%'],
+                    radius: '100%',
                     startAngle: 200,
                     endAngle: -20,
                     min: 0,
                     max: 100,
                     splitNumber: 10,
                     itemStyle: {
-                        color: '#FFAB91'
+                        color: '#5479c6'
+                        // color: '#FFAB91'
                     },
                     progress: {
                         show: true,
@@ -13764,7 +13766,7 @@ class HandleDataSource {
                         }
                     },
                     axisTick: {
-                        distance: -45,
+                        distance: 0,
                         splitNumber: 5,
                         lineStyle: {
                             width: 2,
@@ -13772,7 +13774,7 @@ class HandleDataSource {
                         }
                     },
                     splitLine: {
-                        distance: -52,
+                        distance: 0,
                         length: 14,
                         lineStyle: {
                             width: 3,
@@ -13780,7 +13782,7 @@ class HandleDataSource {
                         }
                     },
                     axisLabel: {
-                        distance: -20,
+                        distance: 35,
                         color: '#999',
                         fontSize: 20
                     },
@@ -13803,10 +13805,10 @@ class HandleDataSource {
                     },
                     data: [
                         {
-                            value
+                            value: 20
                         }
                     ]
-                }
+                },
             ]
         }
     }
@@ -13815,8 +13817,10 @@ class HandleDataSource {
      * @description 获取仪表盘配置
      */
     getRealTimeUpdateDashboardChartOption(params = { dataList: [] }) {
-        const { dataList = [] } = params
+        const { dataList = [], oldOptions } = params
+        console.log({oldOptions})
         const [timespan, value] = dataList[0] || []
+        console.log(value)
         return {
             series: [
                 {