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

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

@@ -125,7 +125,7 @@ const initInfrastructureChart = () => {
   chartInstances.value.infrastructureChart = myChart;
 
   const seriesData: any[] = [];
-  const center = ['50%', '50%'];
+  const center = ['50%', '55%'];
 
   infrastructureData.value.forEach(item => {
     const completeValue = item.value;
@@ -222,12 +222,12 @@ const initInfrastructureChart = () => {
           color: d.color
         }
       })),
-      orient: 'vertical',
-      right: '5%',
-      top: 'center',
+      orient: 'horizontal',
+      top: '3%',
+      left: 'center',
       itemWidth: 12, // 图例方块宽度
       itemHeight: 12, // 图例方块高度
-      itemGap: 15, // 图例项之间的间距
+      itemGap: 20, // 图例项之间的间距
       icon: 'circle', // 图例形状：'circle'圆形, 'rect'方形, 'roundRect'圆角方形
       textStyle: {
         color: '#333',
@@ -239,7 +239,7 @@ const initInfrastructureChart = () => {
       {
         type: 'text',
         left: 'center',
-        top: '45%',
+        top: '50%',
         style: {
           text: '总覆盖度',
           fill: '#666',
@@ -250,7 +250,7 @@ const initInfrastructureChart = () => {
       {
         type: 'text',
         left: 'center',
-        top: '52%',
+        top: '57%',
         style: {
           text: `${avgCoverage}%`,
           fill: '#3b82f6',