DK-MES-2.0
/
HEGII.ss.mes.dashboard


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688
							<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="/img/logo.png" />
    <link rel="bookmark" href="/img/logo.png" />
    <link rel="stylesheet" href="../DashBoard.css?v3" />
    <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script src="/Plugins/xrequest/xrequest.min.js"></script>
    <script src="/Plugins/xcountto/xcountTo.min.js"></script>
    <title>东科软件</title>
</head>
<body style="background-color:black;">

    <div class="box_1920_1080">
        <div class="box_title" onclick="showHelp()" style="cursor:pointer">
            质量分析&nbsp;&nbsp;<span style="color:darkorange">>>></span><span class="box_title_loading" id="报表加载"></span>
        </div>
        <div class="box_body">
            <div style="width:1840px;height:480px;display:flex;flex-direction:row;">
                <div style="width: 25%; height: 480px;">
                    <!--成型-->
                    <canvas id="canvasProcedure1" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--改洗-->
                    <canvas id="canvasProcedure2" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--施釉-->
                    <canvas id="canvasProcedure3" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--重点缺陷-->
                    <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
                        <tr class="tr_title_warning">
                            <td>重点缺陷</td>
                            <td>百分比</td>
                        </tr>
                        <tr class="tr_bg_light_warning">
                            <td id="q1"></td>
                            <td id="w1"></td>
                        </tr>
                        <tr class="tr_bg_dark_warning">
                            <td id="q2"></td>
                            <td id="w2"></td>
                        </tr>
                        <tr class="tr_bg_light_warning">
                            <td id="q3"></td>
                            <td id="w3"></td>
                        </tr>
                        <tr class="tr_bg_dark_warning">
                            <td id="q4"></td>
                            <td id="w4"></td>
                        </tr>
                        <tr class="tr_bg_light_warning">
                            <td id="q5"></td>
                            <td id="w5"></td>
                        </tr>
                        <tr class="tr_bg_dark_warning">
                            <td id="q6"></td>
                            <td id="w6"></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div style="width:1840px;height:480px;display:flex;flex-direction:row;">
                <div style="width: 25%; height: 480px;">
                    <!--刮登-->
                    <canvas id="canvasProcedure4" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--烧成-->
                    <canvas id="canvasProcedure5" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--铁铜釉脏-->
                    <canvas id="canvasProcedure6" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
                <div style="width: 25%; height: 480px;">
                    <!--合计-->
                    <canvas id="canvasProcedure7" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:400px;width:100%"></canvas>
                </div>
            </div>
        </div>
    </div>

    <script>
        //缺陷统计刷新时间
        var refreshTime1 = 100000;
        var currentTime1 = 0;

        var doGetData;
        var doGetTime;

        var frameHeight;
        var tableHeight;
        var offsetHeight = 20;

        $(document).ready(function () {
            initData();
            doGetData = setInterval(function () { timeUpdate(); }, 1000);

        });

        //帮助说明
        function showHelp() {
            var message = "统计说明：" + "\n";
            message += "缺陷统计产品范围为: 'H0962L-A','H0967L-W','H0966M-W','H0967M-W','H0966L-W','H0962M-A'" + "\n";
            message += "缺陷统计工序范围为: 8-1质量登记 和 3#成检交接" + "\n";
            message += "成型缺陷TOP3: 缺陷类型为成型的TOP3" + "\n";
            message += "改洗缺陷TOP3: 缺陷类型为改洗的TOP3" + "\n";
            message += "施釉缺陷TOP3: 缺陷类型为施釉的TOP3" + "\n";
            message += "刮登缺陷TOP3: 缺陷类型为刮边或登窑的TOP3" + "\n";
            message += "铁铜釉脏缺陷TOP3: 缺陷名以脏结尾的TOP3" + "\n";
            message += "合计缺陷TOP3: 缺陷类型为合计的TOP3" + "\n";
            message += "重点缺陷: 缺陷名排行TOP6" + "\n";
            alert(message);
        }

        function timeUpdate() {

            if (currentTime1 <= 0) {
                //clearData();
                setTimeout(loadData(), 10000);
                //loadData();
                currentTime1 = refreshTime1;
            }
            else {
                if (currentTime1 > 0) {
                    $('#报表加载').html('刷新：' + currentTime1 / 1000 + ' 秒');
                    currentTime1 = currentTime1 - 1000;
                }
            }
        }

        function clearData() {
            //清除数据
            //工序产量===================================
            window.Procedure1.data.labels = ['', '', ''];
            window.Procedure1.data.datasets[0].data = [0, 0, 0];
            window.Procedure1.update();
            //===================================================
            window.Procedure2.data.labels = ['', '', ''];
            window.Procedure2.data.datasets[0].data = [0, 0, 0];
            window.Procedure2.update();
            //===================================================
            window.Procedure3.data.labels = ['', '', ''];
            window.Procedure3.data.datasets[0].data = [0, 0, 0];
            window.Procedure3.update();
            //===================================================
            window.Procedure4.data.labels = ['', '', ''];
            window.Procedure4.data.datasets[0].data = [0, 0, 0];
            window.Procedure4.update();
            //===================================================
            window.Procedure5.data.labels = ['', '', ''];
            window.Procedure5.data.datasets[0].data = [0, 0, 0];
            window.Procedure5.update();
            //===================================================
            window.Procedure6.data.labels = ['', '', ''];
            window.Procedure6.data.datasets[0].data = [0, 0, 0];
            window.Procedure6.update();
            //===================================================
            window.Procedure7.data.labels = ['', '', ''];
            window.Procedure7.data.datasets[0].data = [0, 0, 0];
            window.Procedure7.update();
            //===================================================
        }

        function loadData() {
            //前四占比==============================================
            $.get("demo.ashx?m=成品&&procedure=前六占比", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    for (var i = 0; i < json["rows"].length; i++) {
                        $("#q" + (i + 1).toString()).text(json["rows"][i]["缺陷名称"]);
                        $("#w" + (i + 1).toString()).text(json["rows"][i]["占比"]);
                    }
                }
            });
            //成型==============================================
            $.get("demo.ashx?m=成品&&procedure=成型", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure1.data.datasets[0].data = [];
                    window.Procedure1.data.labels = [];
                    window.Procedure1.options.title.text = "";
                        for (var i = 1; i < json["total"]; i++) {
                            window.Procedure1.data.labels[i -1 ] = (json["rows"][i]["缺陷名称"]);
                            window.Procedure1.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                            window.Procedure1.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                        }
                        window.Procedure1.update();
                }
            });
            //改洗==============================================
            $.get("demo.ashx?m=成品&&procedure=改洗", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure2.data.datasets[0].data = [];
                    window.Procedure2.data.labels = [];
                    window.Procedure2.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure2.data.labels[i -1 ] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure2.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure2.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure2.update();
                }
            });
            //施釉==============================================
            $.get("demo.ashx?m=成品&&procedure=施釉", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure3.data.datasets[0].data = [];
                    window.Procedure3.data.labels = [];
                    window.Procedure3.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure3.data.labels[i - 1] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure3.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure3.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure3.update();
                }
            });
            //刮登==============================================
            $.get("demo.ashx?m=成品&&procedure=刮登", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure4.data.datasets[0].data = [];
                    window.Procedure4.data.labels = [];
                    window.Procedure4.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure4.data.labels[i - 1] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure4.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure4.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure4.update();
                }
            });
            //烧成==============================================
            $.get("demo.ashx?m=成品&&procedure=烧成", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure5.data.datasets[0].data = [];
                    window.Procedure5.data.labels = [];
                    window.Procedure5.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure5.data.labels[i - 1] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure5.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure5.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure5.update();
                }
            });
            //铁铜釉脏==============================================
            $.get("demo.ashx?m=成品&&procedure=铁铜釉脏", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure6.data.datasets[0].data = [];
                    window.Procedure6.data.labels = [];
                    window.Procedure6.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure6.data.labels[i - 1] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure6.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure6.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure6.update();
                }
            });
            //合计==============================================
            $.get("demo.ashx?m=成品&&procedure=合计", function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    window.Procedure7.data.datasets[0].data = [];
                    window.Procedure7.data.labels = [];
                    window.Procedure7.options.title.text = "";
                    for (var i = 1; i < json["total"]; i++) {
                        window.Procedure7.data.labels[i - 1] = (json["rows"][i]["缺陷名称"]);
                        window.Procedure7.data.datasets[0].data[i - 1] = (json["rows"][i]["数量"]);
                        window.Procedure7.options.title.text = json["rows"][0]["缺陷类型"] + "（当日缺陷TOP3）";
                    }
                    window.Procedure7.update();
                }
            });

            // //成型==============================================
            // window.Procedure1.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure1.update();

            // //===================================================
            // //改洗==============================================
            // window.Procedure2.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure2.update();
            // //===================================================
            // //施釉==============================================
            // window.Procedure3.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure3.update();
            // //===================================================
            // //刮登==============================================
            // window.Procedure4.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure4.update();
            // //===================================================
            // //烧成==============================================
            // window.Procedure5.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure5.update();
            // //===================================================
            // //铁铜釉脏==============================================
            // window.Procedure6.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure6.update();
            // //===================================================
            // //合计==============================================
            // window.Procedure7.data.datasets[0].data = [
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10,
            //     randomScalingFactor(30) + 10
            // ];
            // window.Procedure7.update();
            // //===================================================
        }

        function initData() {
            window.chartColors = {
                red: 'rgb(255, 99, 132)',
                orange: 'rgb(255, 159, 64)',
                yellow: 'rgb(255, 250, 86)',
                green: 'rgb(75, 192, 192)',
                blue: 'rgb(54, 162, 250)',
                purple: 'rgb(153, 102, 255)',
                grey: 'rgb(231,233,237)'
            };

            var color = Chart.helpers.color;

            window.randomScalingFactor = function (num) {
                return Math.round(Math.random() * num);
            }

            Chart.defaults.global.defaultFontColor = 'white';
            Chart.defaults.global.defaultFontSize = 24;
            Chart.defaults.global.legend.display = false;

            //成型=======================================

            window.configProcedure1 = {
                data: {
                    labels: ['缺陷名称1', '缺陷名称2', '缺陷名称3', '缺陷名称4'],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString(),
                            color(window.chartColors.orange).alpha(0.35).rgbString(),
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green,
                            window.chartColors.orange
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "成型（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure1 = document.getElementById("canvasProcedure1").getContext("2d");
            window.Procedure1 = new Chart(ctxProcedure1, configProcedure1);
            //===================================================
            //改洗=======================================
            window.configProcedure2 = {
                data: {
                    labels: ['', '', ''],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green,
                            window.chartColors.orange
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "改洗（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure2 = document.getElementById("canvasProcedure2").getContext("2d");
            window.Procedure2 = new Chart(ctxProcedure2, configProcedure2);
            //===================================================
            //施釉=======================================
            window.configProcedure3 = {
                data: {
                    labels: ['', '', ''],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green,
                            window.chartColors.orange
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "施釉（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure3 = document.getElementById("canvasProcedure3").getContext("2d");
            window.Procedure3 = new Chart(ctxProcedure3, configProcedure3);
            //===================================================
            //刮登=======================================
            window.configProcedure4 = {
                data: {
                    labels: ['', '', ''],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green,
                            window.chartColors.orange
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "刮登（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure4 = document.getElementById("canvasProcedure4").getContext("2d");
            window.Procedure4 = new Chart(ctxProcedure4, configProcedure4);
            //===================================================
            //烧成=======================================
            window.configProcedure5 = {
                data: {
                    labels: ['', '', ''],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "烧成（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure5 = document.getElementById("canvasProcedure5").getContext("2d");
            window.Procedure5 = new Chart(ctxProcedure5, configProcedure5);
            //===================================================
            //铁铜釉脏=======================================
            window.configProcedure6 = {
                data: {
                    labels: ['', '', '',],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "铁铜釉脏（当日缺陷TOP3）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure6 = document.getElementById("canvasProcedure6").getContext("2d");
            window.Procedure6 = new Chart(ctxProcedure6, configProcedure6);
            //===================================================
            //合计=======================================
            window.configProcedure7 = {
                data: {
                    labels: ['', '', ''],
                    datasets: [{
                        label: '工序',
                        backgroundColor: [
                            color(window.chartColors.red).alpha(0.35).rgbString(),
                            color(window.chartColors.blue).alpha(0.35).rgbString(),
                            color(window.chartColors.green).alpha(0.35).rgbString()
                        ],
                        fill: false,
                        borderColor: [
                            window.chartColors.red,
                            window.chartColors.blue,
                            window.chartColors.green
                        ],
                        borderWidth: 2,
                        pointRadius: 30,
                        data: [0, 0, 0, 0]
                    }]
                },
                type: 'doughnut',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "合计（当日质量分析）"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true

                }
            };
            var ctxProcedure7 = document.getElementById("canvasProcedure7").getContext("2d");
            window.Procedure7 = new Chart(ctxProcedure7, configProcedure7);
            //===================================================


        }


    </script>

    <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
    <script src="/Plugins/chartjs-2.8.0/chartjs-plugin-datalabels.js"></script>
    <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
    <script src="/Plugins/circleChart/circleChart.min.js"></script>
</body>
</html>