From 9a77855f7f6d2a1d88e4a5942befa19a0340732f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Wed, 26 Oct 2022 10:02:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=90=B8=E9=99=84=E5=86=85?=
 =?UTF-8?q?=E8=83=86=E5=BA=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/scada/AbsorbDeviceKB.html       | 87 ++++++++++++-------
 1 file changed, 57 insertions(+), 30 deletions(-)

diff --git a/ruoyi-admin/src/main/resources/templates/scada/AbsorbDeviceKB.html b/ruoyi-admin/src/main/resources/templates/scada/AbsorbDeviceKB.html
index a018429..2be4266 100644
--- a/ruoyi-admin/src/main/resources/templates/scada/AbsorbDeviceKB.html
+++ b/ruoyi-admin/src/main/resources/templates/scada/AbsorbDeviceKB.html
@@ -319,16 +319,64 @@
 <script>
     <!--库存统计-->
     $(() => {
-        let chartDom = document.getElementById("inventory")
-        let mycharts = echarts.init(chartDom);
-        let option;
-        let xAxisData = [];
-        let seriesData1 = [];
+        const mycharts = echarts.init(document.getElementById("inventory"));
         let sum = 0;
         let barTopColor = ["#02c3f1"];
         let barBottomColor = [
             "rgba(2,195,241,0.1)",
         ];
+        mycharts.setOption({
+
+            grid: {
+                top: "25%",
+                bottom: "25%",
+            },
+            xAxis: {
+                data: [],
+                axisTick: {
+                    show: false,
+                },
+                axisLine: {
+                    show: false,
+                },
+                axisLabel: {
+                    interval: 0,
+                    show: true,
+                    margin: 25,
+                    align: "center",
+                    textStyle: {
+                        fontSize: 12,
+                        color: "#A8A6AB",
+                        rich: {
+                            a: {
+                                fontSize: 12,
+                                color: "#ffffff",
+                            },
+                            b: {
+                                height: 20,
+                                fontSize: 14,
+                                color: "#ffffff",
+                            },
+                        },
+                    },
+                },
+            },
+            yAxis: {
+                splitLine: {
+                    show: false,
+                },
+                axisTick: {
+                    show: false,
+                },
+                axisLine: {
+                    show: false,
+                },
+                axisLabel: {
+                    show: false,
+                },
+            },
+            series: [],
+        });
         /*var Res =
             {
                 datas: [{"name":"SC-200","value":"15"},{"name":"SC-201","value":"15"},{"name":"SC-202","value":"15"},{"name":"SC-203","value":"15"},{"name":"SC-204","value":"15"}]
@@ -337,6 +385,8 @@
         //库存统计
         autoUpdate("/system/AbsorbDeviceMes/getinventory", INTERVAL, data => {
 
+            let xAxisData = [];
+            let seriesData1 = [];
             data.forEach((item) => {
                 let name = ''
                 if(item.name.length >= 15){
@@ -348,15 +398,7 @@
                 seriesData1.push(parseInt(item.value));
                 sum += parseInt(item.value);
             });
-            console.log(xAxisData)
-
-
-            option = {
-
-                grid: {
-                    top: "25%",
-                    bottom: "25%",
-                },
+            mycharts.setOption({
                 xAxis: {
                     data: xAxisData,
                     axisTick: {
@@ -387,20 +429,6 @@
                         },
                     },
                 },
-                yAxis: {
-                    splitLine: {
-                        show: false,
-                    },
-                    axisTick: {
-                        show: false,
-                    },
-                    axisLine: {
-                        show: false,
-                    },
-                    axisLabel: {
-                        show: false,
-                    },
-                },
                 series: [
                     {
                         name: "柱顶部",
@@ -617,8 +645,7 @@
                         data: seriesData1,
                     },
                 ],
-            };
-            option && mycharts.setOption(option);
+            });
 
         })
     })