修改吸附内胆库存

ruoyi-admin/src/main/resources/templates/scada/AbsorbDeviceKB.html

@@ -319,16 +319,64 @@
 <script>
     <!--库存统计-->
     $(() => {
-        let chartDom = document.getElementById("inventory")
+        const mycharts = echarts.init(document.getElementById("inventory"));
-        let mycharts = echarts.init(chartDom);
-        let option;
-        let xAxisData = [];
-        let seriesData1 = [];
         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)
+            mycharts.setOption({
-
-
-            option = {
-
-                grid: {
-                    top: "25%",
-                    bottom: "25%",
-                },
                 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);
 
         })
     })