3.7

fxl

2023-03-07 52cffc4ab8e9787a6f233295502c7c9788dddae1

 src/main/webapp/hxzk/plugins/apex/custom-apexcharts.js

@@ -6,7 +6,7 @@
        type: "POST",
        url: "/hxzkoa/setweizhi.do",
        dataType: 'json',
        success (data) {
        success(data) {
            weizhi = data
        }
    });
@@ -42,6 +42,8 @@
var reA_v = []
var reA_kStr = $("#realAttendance_k").val()
var reA_vStr = $("#realAttendance_v").val()
console.log(reA_kStr)
console.log(reA_vStr)
reA_kStr = reA_kStr.replace("[", "")
reA_kStr = reA_kStr.replace("]", "")
reA_vStr = reA_vStr.replace("[", "")
@@ -239,7 +241,7 @@
        },
    },
    dataLabels: {
        enabled: false,
        enabled: true,
    },
    stroke: {
        show: true,
@@ -277,17 +279,22 @@
);
chartdd.render();

var timessss = setInterval(tiao,10000);
var timessss = setInterval(tiao, 10000);
function tiao() {
    $.ajax({
        url: "/hxzkoa/setgaojingnum.do",
        type: "POST",
        dataType: "JSON",
        success(data3){
        success(data) {
            chartdd.updateSeries([{
                name: '告警',
                data: data3
                data: data.value
            }])
            chartdd.updateOptions({
                xaxis: {
                    categories: data.key
                }
            })
        }
    });
    // chartdd.render();
@@ -440,50 +447,126 @@

// Donut Chart

//现场工种
// var donutChart = {
//     chart: {
//         height: 250,
//         type: 'donut',
//         toolbar: {
//             show: false,
//         }
//     },
//     stroke: {
//         colors: '#0e1726'
//     },
//     series: reA_v,
//     labels: reA_k,
//     responsive: [{
//         breakpoint: 480,
//         options: {
//             chart: {
//                 width: 200
//             },
//             legend: {
//                 position: 'bottom'
//             }
//         }
//     }]
// }

var donutChart = {
    chart: {
        height: 250,
        type: 'donut',
        toolbar: {
            show: false,
        }
    },
    stroke: {
        colors: '#0e1726'
    },
    series: reA_v,
    labels: reA_k,
    responsive: [{
        breakpoint: 480,
        options: {
            chart: {
                width: 200
            },
            legend: {
                position: 'bottom'
            }
        }
    }]
// var donut = new ApexCharts(
//     document.querySelector("#donut-chart"),
//     donutChart
// );

// donut.render();
// var timesss = setInterval(quan,10000);
// function quan() {
//     $.ajax({
//         url: "/hxzkoa/setgongzhongnum.do",
//         type: "POST",
//         dataType: "JSON",
//         success(data2){
//             //donut.updateSeries(data2)
//             donut.updateOptions({
//                series: data2[1],
//                 labels: data2[0]
//             })
//         }
//     });
// }

var tubiao22 = document.getElementById("donut-chart");
var ceshi = echarts.init(tubiao22);
var shuzu = [];
for (var i = 0; i < reA_k.length; i++) {
    shuzu[i] = { value: reA_v[i], name: reA_k[i] }
}

var donut = new ApexCharts(
    document.querySelector("#donut-chart"),
    donutChart
);

donut.render();
var timesss = setInterval(quan,10000);
var option;
option = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        top: '2%',
        left: 'center',
        textStyle: {
            color: '#d2d7d7'
      }
    },
    series: [
        {
            name: '工种',
            type: 'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: false,
            //itemStyle: {
            //    borderRadius: 10,
            //    borderColor: '#fff',
            //    borderWidth: 2
            //},
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: false,
                    fontSize: '40',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: shuzu
        }
    ]
};
ceshi.setOption(option);
var timesss = setInterval(quan, 10000);
function quan() {
    $.ajax({
        url: "/hxzkoa/setgongzhongnum.do",
        type: "POST",
        dataType: "JSON",
        success(data2){
            donut.updateSeries(data2)
        success(data2) {
            //donut.updateSeries(data2)
            // donut.updateOptions({
            //     series: data2[1],
            //     labels: data2[0]
            // })
            var shuzu2 = [];
            for (var i = 0; i < data2[1].length; i++) {
                shuzu2[i] = { value: data2[1][i], name: data2[0][i] }
            }
            ceshi.setOption({
                series: [{
                    data: shuzu2
                }]
            });
        }
    });
    // donut.render();
}


@@ -500,10 +583,10 @@
    dataLabels: {
        enabled: true,
        background: {
          enabled: true,
          borderRadius:1,
            enabled: true,
            borderRadius: 1,
        }
      },
    },
    stroke: {
        colors: '#0e1726'
    },
@@ -522,32 +605,24 @@
    }]
}

var chart = new ApexCharts(
    document.querySelector("#polarArea-chart"),
    polarAreaChart
);
chart.render();
var times = setInterval(leida,10000);
//var chart = new ApexCharts(
//    document.querySelector("#polarArea-chart"),
//    polarAreaChart
//);
//chart.render();
//var times = setInterval(leida, 10000);
function leida() {
    $.ajax({
        url: "/hxzkoa/settongjishuju.do",
        type: "POST",
        dataType: "JSON",
        success(data) {
            //chart.updateSeries(data[1])
            chart.updateOptions({
               series: data[1],
                series: data[1],
                labels: data[0]
            })
            // chart.updateSeries([{
            //     data: [{
            //       x: data[1],
            //       y: data[0]
            //     }]
            //   }])
        }
    });
    // chart.render();
}


@@ -610,15 +685,15 @@
        max: 1000
    },
};
var wasdChart = new ApexCharts(document.getElementById('wasd'), wasdOptions);
wasdChart.render();
//var wasdChart = new ApexCharts(document.getElementById('wasd'), wasdOptions);
//wasdChart.render();

window.setInterval(function () {
    wasdData.push(weizhi);
    wasdChart.updateSeries([{
        data: wasdData
    }])
}, 10000)
//window.setInterval(function () {
//    wasdData.push(weizhi);
//    wasdChart.updateSeries([{
//        data: wasdData
//    }])
//}, 10000)


// Radial Chart