From ae8b90c76912a7796b7c23c78f1a59bac434457d Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 14 十月 2024 13:37:15 +0800
Subject: [PATCH] 完成普通项目的项目检验

---
 src/util/echarts.js |   93 +++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 82 insertions(+), 11 deletions(-)

diff --git a/src/util/echarts.js b/src/util/echarts.js
index 0842962..156ead4 100644
--- a/src/util/echarts.js
+++ b/src/util/echarts.js
@@ -30,16 +30,16 @@
         },
       },
       grid: {
-        top: '5%',
-        left: '7%',
+        top: '25px',
+        left: '40px',
         right: '3%',
-        bottom: '7%',
+        bottom: '40px',
         // containLabel: true
       },
       legend: {
           show: true,
           orient: 'horizontal',
-          y:-5,
+          y:-2,
           right:15,
           itemWidth: 12,
           itemHeight: 12,
@@ -69,6 +69,7 @@
 
       }],
       yAxis: [{
+          minInterval:1,
           type: 'value',
           min: 0,
           splitNumber: 4,
@@ -83,7 +84,7 @@
           },
           axisLabel: {
             color: 'rgba(43,48,52, 0.4)',
-            margin: 30
+            margin: 20,
           },
           axisTick: {
               show: false,
@@ -138,10 +139,10 @@
           },
       },
       grid: {
-          top: '5%',
-          left: '7%',
-          right: '2%',
-          bottom: '7%',
+        top: '25px',
+        left: '40px',
+        right: '3%',
+        bottom: '40px',
           // containLabel: true
       },
       xAxis: [{
@@ -164,6 +165,7 @@
 
       }],
       yAxis: [{
+          minInterval:1,
           type: 'value',
           min: 0,
           splitNumber: 4,
@@ -178,7 +180,7 @@
           },
           axisLabel: {
             color: 'rgba(43,48,52, 0.4)',
-            margin: 30
+            margin: 20,
           },
           axisTick: {
               show: false,
@@ -194,7 +196,7 @@
       backgroundColor: '#fff',
       tooltip: {
           trigger: 'item',
-          formatter: '{a} <br/>{b} : {c} ({d}%)'
+          formatter: '{a} <br/>{b} : {c}'
       },
       title: {
           text: params.percentage,
@@ -263,6 +265,75 @@
       ]
     };
     chart.setOption(option);
+  },
+  drawGauge:function(chart,params){
+    let option = {
+      tooltip: {
+          formatter: "{a} <br/>{b} : {c}%"
+      },
+      toolbox: {
+          feature: {
+              restore: {},
+              saveAsImage: {}
+          }
+      },
+      series: [
+        {
+          type: 'gauge',
+          axisLine: {
+            lineStyle: {
+              width: 28,
+              color: [
+                [0.3, '#67e0e3'],
+                [0.7, '#37a2da'],
+                [1, '#fd666d']
+              ]
+            }
+          },
+          pointer: {
+            itemStyle: {
+              color: 'auto'
+            }
+          },
+          axisTick: {
+            distance: -28,
+            length: 8,
+            lineStyle: {
+              color: '#fff',
+              width: 2
+            }
+          },
+          splitLine: {
+            distance: -28,
+            length: 28,
+            lineStyle: {
+              color: '#fff',
+              width: 4
+            }
+          },
+          axisLabel: {
+            color: 'inherit',
+            distance: 40,
+            fontSize: 14
+          },
+          detail: {
+            valueAnimation: true,
+            formatter: '{value} %',
+            color: 'inherit',
+            textStyle: {
+              fontSize: 30,
+              align: 'center',
+            },
+          },
+          data: [
+            {
+              value: 70
+            }
+          ]
+        }
+      ]
+    };
+    chart.setOption(option,true);
   }
 }
 

--
Gitblit v1.9.3