修改看板

src/views/OperationalOverview/coldBoard.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-01-29 16:50:26
- * @LastEditTime: 2024-04-07 16:05:59
+ * @LastEditTime: 2024-04-11 09:55:04
  * @LastEditors: zhp
  * @Description:
 -->

src/views/OperationalOverview/components/ISRAChart.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-01-29 13:45:56
- * @LastEditTime: 2024-03-13 08:58:01
+ * @LastEditTime: 2024-04-11 11:02:53
  * @LastEditors: zhp
  * @Description:
 -->
@@ -26,7 +26,7 @@ export default {
 		return {
 			chart: null,
 			// notMsg:true,
-			colors:['#2760ff', '#518eec', '#0ee8e4', '#ddb523'],
+      colors: ['#2760ff', '#518eec', '#49FBD6', '#ddb523'],
 			chartData: []
 		};
 	},
@@ -45,7 +45,32 @@ export default {
 				this.$emit('emitFun')
 			}
 		}
-	},
+  },
+  mounted() {
+    this.chartData = [
+      {
+        name: '细长泡',
+        num: 1112,
+        yield: 0.97,
+      },
+      {
+        name: '长泡',
+        num: 1112,
+        yield: 0.97,
+      },
+       {
+         name: '开口泡',
+        num: 1112,
+        yield: 0.97,
+      },
+       {
+         name: '结石',
+        num: 1112,
+        yield: 0.97,
+      }
+    ]
+    this.updateChart()
+  },
 	methods: {
 		updateChart() {
 			console.log('update')
@@ -71,7 +96,7 @@ export default {
 				color:this.colors,
 				title:{
 					text: num,
-					subtext: '总数',
+					subtext: '总数/片',
 					top: '32%',
 					left: '49%',
 					textAlign: 'center',
@@ -89,7 +114,7 @@ export default {
 					left: 'center',
 					itemWidth: 12,
 					itemHeight:12,
-          icon: 'rect',
+          icon: 'roundRect',
 					textStyle: {
 						color: '#fff'
 					},
@@ -107,21 +132,36 @@ export default {
 						radius: ['45%', '70%'],
 						avoidLabelOverlap: true,
 						label: {
-							show: false
+              show: true,
+            normal: {
+              // 各分区的提示内容
+              // params: 即下面传入的data数组,通过自定义函数，展示你想要的内容和格式
+              formatter: function (params) {
+                console.log(params);
+                return params.value + " | " + params.percent.toFixed(0) + "%" + "\n\n" + params.name;
+              },
+              textStyle: {            // 提示文字的样式
+                // color: '#595959',
+                fontSize: 24.48
+              }
+            }
 						},
 						labelLine: {
 							show: true,
 						},
 						data: this.chartData && this.chartData.length > 0 && this.chartData.map((item, index) => ({
 						name:item.name,
-						value: item.num,
+            value: item.num,
+            label: {
+              color: this.colors[index % 4]
+            },
 						itemStyle:{
 							color:{
 								type: 'linear',
-								x: 1,
-								y: 1,
+								x: 0,
+								y: 0,
 								x2: 0,
-								y2: 0,
+								y2: 1,
 								global: false,
 								colorStops:[
 									{offset: 0,color: this.colors[index%4]},