Ver código fonte

2024/1/22 piechart显示bug修改

WangRuiLin 1 ano atrás
pai
commit
688364e357
1 arquivos alterados com 37 adições e 9 exclusões
  1. 37 9
      cirs-ui/src/views/index.vue

+ 37 - 9
cirs-ui/src/views/index.vue

@@ -32,7 +32,7 @@
                   >{{ topten[idx-1].componentName }} </el-button>
                 </span>
               </p>
-              <p/></p><div class="block">
+              <div class="block">
                 <span style="font-size: 14px;color: wheat;"> 评分:</span>
                 <el-rate
                   v-model="topten[idx-1].score"
@@ -252,29 +252,47 @@ export default {
           title: [
             {
               text: '任务:' + res.data.taskName,
+              textStyle: {
+                color: 'rgb(84 242 161)'
+              },
               left: 'center',
               top: '6%'
             },
             {
-              subtext: '任务准确率',
               left: '30%',
-              top: '75%',
-              textAlign: 'center'
+              top: '78%',
+              textAlign: 'center',
+              text: '任务准确率',
+              textStyle: {
+                fontSize :15,
+                color: '#43CD80'
+              }
             },
             {
-              subtext: '任务召回率',
+
               left: '75%',
-              top: '75%',
-              textAlign: 'center'
+              top: '78%',
+              textAlign: 'center',
+              text: '任务召回率',
+              textStyle: {
+                fontSize :15,
+                color: '#43CD80'
+              }
+
 
             }
           ],
           tooltip: {
-            trigger: 'item'
+            trigger: 'item',
+            formatter: '{b} : {d}%<br/>'
           },
           legend: {
             orient: 'vertical',
-            left: 'left'
+            left: 'left',
+            textStyle: {
+
+              color: '#fff'
+            }
           },
           series: [
             {
@@ -287,6 +305,11 @@ export default {
                 { value: ac.toFixed(4), name: 'Accuracy Rate' }
 
               ],
+              label: {
+                show: true, // 显示标签
+                position: 'inside', // 在饼图内部显示标签
+                formatter: '{b}:{d}%'
+              },
               emphasis: {
                 itemStyle: {
                   shadowBlur: 10,
@@ -306,6 +329,11 @@ export default {
                 { value: (1 - callback).toFixed(4), name: 'Other...' }
 
               ],
+              label: {
+                show: true, // 显示标签
+                position: 'inside', // 在饼图内部显示标签
+                formatter: '{b}:{d}%'
+              },
               emphasis: {
                 itemStyle: {
                   shadowBlur: 10,