dp overview

src/views/Screen/index.vue

@@ -401,7 +401,8 @@
 		  method: "get",
 		}).then((res) => {
 		  const list = res.body || [];
-		  var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
+		//   var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
+		var colors = ["#00f0ff", "#00d1e6", "#0ce2a6", "#fdbe17", '#ff1fdd', '#ff3333', '#f8ff3a'];
 		  var seriesFormat = Highchart.formatSeriesList(list, {
 			value: "num",
 			colors: colors,
@@ -421,6 +422,7 @@
 				floating: true,
 				style: {
 				  color: "#00f6ff",
+				//   textOutline: 'none' // 去掉文字轮廓
 				},
 			  },
 			  tooltip: {
@@ -441,6 +443,7 @@
 				  dataLabels: {
 					textOutline: "none", // 禁用文本轮廓
 					enabled: true,
+					useHTML: true,
 					format:
 					  '<span style="color:{point.color}">{point.name}: {point.percentage:.1f}%</span>', // 标签颜色与图形颜色一致
 					// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
@@ -1726,7 +1729,7 @@
 		font-family: SimHei;
 		font-weight: 400;
 		font-size: 0.24rem;
-		color: #ffffff;
+		color: #fdbe17;
   
 		background-image: url("~@/assets/images/dpNew/title2.png");
 		background-repeat: no-repeat;