change - 代码优化

ruoyi-admin/src/main/resources/static/js/Iot-ui/iotIndex.js

@@ -278,146 +278,9 @@ function barChats(datas, id) {
         }
         ]
     };
-
-    /*let charts = echarts.init(id);
-    let Xdata = ['63.27','27.90','33.52','17.98','42.25','24.54','33.96','11.73','72.58','45.36',];
-    let Ydata = ['西安市','铜川市','咸阳市','汉中市','商洛市','安康市','渭南市','宝鸡市','延安市','榆林市',];
-
-    let option ={
-        title: {
-            text:'测试数据',
-            textStyle: {
-                fontSize: 12,
-                color: '#E4765D', //标题颜色
-            },
-            subtext:'',
-            subtextStyle: {
-                fontSize: 12,
-                color: '#E4765D', //副标题标题颜色
-            },
-        },
-        color: ["#3398DB"],
-        tooltip: {
-            trigger: "axis",
-            axisPointer: {
-                // 坐标轴指示器，坐标轴触发有效
-                type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
-            },
-        },
-        grid: {
-            left: "3%",
-            right: "4%",
-            bottom: "3%",
-            containLabel: true,
-        },
-        xAxis: {
-            //坐标轴类型(类目轴)
-            name: "",
-            type: "value",
-            axisLabel: {
-                show: false,
-            },
-
-            //是否显示坐标轴刻度
-            axisTick: { show: false },
-            //坐标轴线线的颜色
-            axisLine: {
-                show: false,
-            },
-
-            //是否显示网格线
-            splitLine: {
-                show: false,
-            }
-        },
-
-        dataZoom: [
-            //滑动条
-            {
-                yAxisIndex: 0, //这里是从X轴的0刻度开始
-                show: false, //是否显示滑动条，不影响使用
-                type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
-                startValue: 0, // 从头开始。
-                endValue: 4, // 一次性展示5个。
-            },
-        ],
-        yAxis: [
-            {
-                type: "category",
-                inverse: true, //是否是反向坐标轴
-                data:Ydata,
-                axisLabel: {
-                    show: true,
-                    textStyle: {
-                        color: '#ffffff',
-                    },
-                    formatter: function (value, index) {
-                        var value;
-                        // if判断转换值
-                        return value;
-                    },
-                },
-                offset: 10,
-                nameTextStyle: {
-                    fontSize: 15,
-                },
-                splitLine: { show: false },
-                axisTick: { show: false },
-                //坐标轴线线的颜色
-                axisLine: {
-                    show: true,
-                    lineStyle: {
-                        color: '#0E3B57',
-                        type: 'solid',
-                        width: 1,
-                    },
-                },
-            },
-
-        ],
-        series: [
-            {
-                name: "用煤量",
-                type: "bar",
-                barMaxWidth: 10,
-                // barWidth: "60%",
-                data: Xdata,
-                barWidth:8,
-                barGap: 10,
-                smooth: true,
-                label: {
-                    normal: {
-                        show: false,
-                        position: 'right',
-                        offset: [5, -2],
-                        textStyle: {
-                            color: '#F68300',
-                            fontSize: 13,
-                        },
-                    },
-                },
-                itemStyle: {
-                    emphasis: {
-                        barBorderRadius: 7,
-                    },
-                    //颜色渐变
-                    normal: {
-                        barBorderRadius: 7,
-                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-                            {offset: 0, color: '#040C3B'},
-                            {offset: 0.5, color: '#6D3F46'},
-                            {offset: 1, color: '#E4765D'}
-                        ]),
-                    },
-                },
-
-            },
-        ],
-    };*/
-
     //自动滚动
-    this.timeOut=setInterval(()=>{
+    this.timeOut = setInterval(() => {
-        if (options.dataZoom[0].endValue == datas.data.length ) {
+        if (options.dataZoom[0].endValue == datas.data.length) {
             options.dataZoom[0].endValue = 4;
             options.dataZoom[0].startValue = 0;
         } else {
@@ -425,7 +288,7 @@ function barChats(datas, id) {
             options.dataZoom[0].startValue = options.dataZoom[0].startValue + 1;
         }
         charts.setOption(options);
-    },2000);
+    }, 2000);
     $(window).resize(charts.resize);
 }