态势感知平台-开源生态与贡献价值全景-基础设施覆盖率标注样式修改

src/views/Jyh/ecosystem/components/InfrastructureCoverageChart.vue

@@ -216,18 +216,23 @@ const initInfrastructureChart = () => {
       }
     },
     legend: {
-      data: infrastructureData.value.map(d => d.name),
+      data: infrastructureData.value.map(d => ({
+        name: d.name,
+        itemStyle: {
+          color: d.color
+        }
+      })),
       orient: 'vertical',
       right: '5%',
       top: 'center',
-      itemWidth: 12,        // 图例方块宽度
+      itemWidth: 12, // 图例方块宽度
-      itemHeight: 12,       // 图例方块高度
+      itemHeight: 12, // 图例方块高度
-      itemGap: 15,          // 图例项之间的间距
+      itemGap: 15, // 图例项之间的间距
-      icon: 'circle',       // 图例形状：'circle'圆形, 'rect'方形, 'roundRect'圆角方形
+      icon: 'circle', // 图例形状：'circle'圆形, 'rect'方形, 'roundRect'圆角方形
       textStyle: {
         color: '#333',
         fontSize: 12,
-        padding: [0, 0, 0, 8]  // 文字与图标的间距
+        padding: [0, 0, 0, 8] // 文字与图标的间距
       }
     },
     graphic: [