#

luxiaotao1123

2020-11-21 c2f47f6dd093dae7e004018fe18b52c7b1c886a4

 src/main/webapp/views/monitor/monitor.html

@@ -80,6 +80,15 @@
            }
        }

        #led-content {
            display: none;
        }
        #led-p-content {
            text-align: center;
            padding: 20px 40px;
            font-size: 35px;
            font-weight: bold
        }

    </style>
</head>
@@ -195,18 +204,12 @@
                        <div class="speed-content">
                            <div id="crn-chart" class="speed-chart">
                            </div>
<!--                            <div id="xSpeed-chart" class="speed-chart">-->
<!--&lt;!&ndash;                                <span>堆垛机走行速度：</span><span id="xSpeed" class="counter">5.00</span><span>米/秒</span>&ndash;&gt;-->
<!--                            </div>-->
<!--                            <div id="ySpeed-chart" class="speed-chart">-->
<!--&lt;!&ndash;                                <span>堆垛机升降速度：</span><span id="ySpeed" class="counter">5.00</span><span>米/秒</span>&ndash;&gt;-->
<!--                            </div>-->
                        </div>
                    </div>

                    <!-- 中下 -->
                    <div class="scroll-pane">
                        <div class="layui-carousel" id="test1">
                        <div class="layui-carousel" id="banner">
                            <div carousel-item>
                                <div class="item-img" id="img-1" style="background-color: red"></div>
                                <div class="item-img" id="img-2" style="background-color: gold"></div>
@@ -214,6 +217,10 @@
                                <div class="item-img" id="img-4" style="background-color: white"></div>
                                <div class="item-img" id="img-5" style="background-color: darkgoldenrod"></div>
                            </div>
                        </div>

                        <div id="led-content">
                            <pre id="led-p-content"></pre>
                        </div>

<!--                        &lt;!&ndash; 中左 &ndash;&gt;-->
@@ -368,7 +375,7 @@
        var element = layui.element;
        // 轮播图
        carousel.render({
            elem: '#test1'
            elem: '#banner'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' // 切换箭头默认显示状态，可选值为 hover（悬停显示） always（始终显示） none（始终不显示）
            ,interval: '3000' // 自动切换的时间间隔，单位：ms（毫秒），不能低于800
@@ -403,7 +410,7 @@
                radius: '50%',
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.09, 'lime'], [0.82, '#1e90ff'], [1, '#ff4500']],
                        color: [[0.09, '#0fe507'], [0.82, '#1e90ff'], [1, '#ff4500']],
                        width: 3,
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 10
@@ -458,7 +465,7 @@
                        color: '#fff'
                    }
                },
                data: [{value: 40, name: 'm/min\nx'}]
                data: [{value: 40, name: 'x\nm/min'}]
            },
            {
                name: '升降速度',
@@ -471,7 +478,7 @@
                splitNumber: 6,
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.32, 'lime'], [0.86, '#1e90ff'], [1, '#ff4500']],
                        color: [[0.32, '#0fe507'], [0.86, '#1e90ff'], [1, '#ff4500']],
                        width: 2,
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 10
@@ -543,7 +550,7 @@
                splitNumber: 2,
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.2, 'lime'], [0.8, '#1e90ff'], [1, '#ff4500']],
                        color: [[0.2, '#0fe507'], [0.8, '#1e90ff'], [1, '#ff4500']],
                        width: 2,
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 10
@@ -628,7 +635,7 @@
                splitNumber: 2,
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.2, 'lime'], [0.8, '#1e90ff'], [1, '#ff4500']],
                        color: [[0.2, '#0fe507'], [0.8, '#1e90ff'], [1, '#ff4500']],
                        width: 2,
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 10
@@ -753,9 +760,9 @@
                // },
                itemStyle:{
                    normal:{
                        color:'#0cbad9', //折点颜色
                        color:'#ef550e', //折点颜色
                        lineStyle:{
                            color:'#07a093' //折线颜色
                            color:'#ec670f' //折线颜色
                        }
                    }
                }
@@ -880,5 +887,13 @@
        });
    }

    // eCharts 跟随窗口改变
    window.onresize = function(){
        crnChart.resize();
        lineCharts.resize();
        pieCharts.resize();
    }


</script>
</html>