#

luxiaotao1123

2020-11-18 30dea6cb47cd52c8a9857ed5be71bac1c86e7225

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

@@ -395,10 +395,10 @@
        },
        series: [
            {
                name: '速度',
                name: '走行速度',
                type: 'gauge',
                min: 0,
                max: 220,
                max: 110,
                splitNumber: 11,
                radius: '50%',
                axisLine: {            // 坐标轴线
@@ -458,17 +458,17 @@
                        color: '#fff'
                    }
                },
                data: [{value: 40, name: 'km/h'}]
                data: [{value: 40, name: 'm/min'}]
            },
            {
                name: '转速',
                name: '升降速度',
                type: 'gauge',
                center: ['25%', '55%'],    // 默认全局居中
                radius: '30%',
                min: 0,
                max: 7,
                endAngle: 45,
                splitNumber: 7,
                max: 30,
                endAngle: 30,
                splitNumber: 6,
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.29, 'lime'], [0.86, '#1e90ff'], [1, '#ff4500']],
@@ -529,15 +529,16 @@
                        color: '#fff'
                    }
                },
                data: [{value: 1.5, name: 'x1000 r/min'}]
                data: [{value: 1.5, name: 'm/min'}]
            },
            // 货叉最大速度，3.几米
            {
                name: '油表',
                name: '货叉速度',
                type: 'gauge',
                center: ['75%', '50%'],    // 默认全局居中
                radius: '30%',
                min: 0,
                max: 2,
                max: 4,
                startAngle: 135,
                endAngle: 45,
                splitNumber: 2,
@@ -678,7 +679,7 @@
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['1', '2', '3', '4', '5', '6', '7'],
            data:  ['1', '2', '3', '4', '5', '6', '7'],
            axisLabel: {
                textStyle:{
                    color:'#aaa',  //坐标的字体颜色
@@ -712,45 +713,58 @@
            }

        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            areaStyle: {
                color: '#7494ae' // 折线区域颜色
        series: [
            {
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line',
                // areaStyle: {
                //     color: '#7494ae' // 折线区域颜色
                // },
                itemStyle:{
                    normal:{
                        color:'#3590ac', //折点颜色
                        lineStyle:{
                            color:'#3590ac' //折线颜色
                        }
                    }
                }
            },
            itemStyle:{
                normal:{
                    color:'#3590ac', //折点颜色
                    lineStyle:{
                        color:'#3590ac' //折线颜色
            {
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line',
                // areaStyle: {
                //     color: '#d55b35' // 折线区域颜色
                // },
                itemStyle:{
                    normal:{
                        color:'#0cbad9', //折点颜色
                        lineStyle:{
                            color:'#07a093' //折线颜色
                        }
                    }
                }
            }
        }]
        ]
    };

    // 访问量报表加载
    function initlinChart() {
        var reportView = lineChartOption;
        var xAxisDate = [];
        var seriesDate=[];
        $.ajax({
            url: baseUrl+"/monitor/pakin/rep",
            url: baseUrl+"/monitor/line/charts",
            method: 'GET',
            success: function (res) {
                if (res.code === 200){
                    var json = res.data;
                    for (var i = 0; i < json.length; i++) {
                        xAxisDate[i]=json[i].node;
                        seriesDate[i]=json[i].val;
                    }
                    reportView.xAxis.data=xAxisDate;
                    reportView.series[0].data=seriesDate;
                    var json = res.data.rows;
                    reportView.xAxis.data=[getDateFormat(-11), getDateFormat(-10), getDateFormat(-9), getDateFormat(-8), getDateFormat(-7), getDateFormat(-6),
                        getDateFormat(-5), getDateFormat(-4), getDateFormat(-3), getDateFormat(-2), getDateFormat(-1), getDateFormat(-0)];
                    reportView.series[0].data=res.data.rows[0].data;
                    reportView.series[1].data=res.data.rows[1].data;
                    lineCharts.setOption(reportView)
                } else if (res.code === 403){
                    top.location.href = "/";
                } else {
                    layer.msg(res.msg);
                    console.log(res.msg);
                }
            }
        });