From 3845f43c43252185a134566a63670de9d1c2d253 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 28 十月 2024 15:06:45 +0800
Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/tx-lims-before into master

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

diff --git a/src/util/echarts.js b/src/util/echarts.js
index b653849..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,
@@ -84,7 +84,7 @@
           },
           axisLabel: {
             color: 'rgba(43,48,52, 0.4)',
-            margin: 30,
+            margin: 20,
           },
           axisTick: {
               show: false,
@@ -139,10 +139,10 @@
           },
       },
       grid: {
-          top: '5%',
-          left: '7%',
-          right: '2%',
-          bottom: '7%',
+        top: '25px',
+        left: '40px',
+        right: '3%',
+        bottom: '40px',
           // containLabel: true
       },
       xAxis: [{
@@ -180,7 +180,7 @@
           },
           axisLabel: {
             color: 'rgba(43,48,52, 0.4)',
-            margin: 30,
+            margin: 20,
           },
           axisTick: {
               show: false,
@@ -196,7 +196,7 @@
       backgroundColor: '#fff',
       tooltip: {
           trigger: 'item',
-          formatter: '{a} <br/>{b} : {c} ({d}%)'
+          formatter: '{a} <br/>{b} : {c}'
       },
       title: {
           text: params.percentage,
@@ -265,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