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


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817
							<!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="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="/Plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <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>
    <title>东科软件</title>
</head>
<body>
    <!--宣传视频-->
    <script src="/main/Common/video.js"></script>

    <!--导航菜单-->
    <script src="/main/common/navbar.js"></script>

    <!--统计-->
    <div class="container-fluid">

        <!--页头-->
        <div class="row">
            <div class="col-4 d-inline-flex align-items-center justify-content-start">
                <img src="/Img/dongke_logo_white.png" style="height: 40px;" />
                <span class="pl-3" id="报表加载"></span>
            </div>
            <div class="col-4 d-inline-flex align-items-center justify-content-center">
                <h3 class="text-center"><span style="font-weight:600;font-size:36px;">质量看板—改洗</span></h3>
            </div>
            <div class="col-4 d-inline-flex align-items-center justify-content-end">
                <span id="当前时间"></span>
                <a class="pl-2" href="javascript:void(0)" onclick="fullScreen(); $('#navbar').toggle();">
                    <img src="/Img/hegii_logo_white.png" style="height: 26px;" />
                </a>
            </div>
        </div>

        <!--行1-->
        <div class="row pt-0">
            <div class="col-12 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <!--每小时不良率-->
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasHourBLL" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <!--行2-->
        <div class="row pt-0">
            <div class="col-12 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <!--每小时报废率-->
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasHourBFL" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <!--行3-->
        <div class="row pt-0">
            <div class="col-12 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <!--每日不良率报废率-->
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasDay" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <!--行4-->
        <div class="row pt-0">
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount1" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount2" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount3" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount4" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount5" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-2 pt-0">
                <div class="p-3 rounded border border-secondary d-flex flex-column" style="height:250px">
                    <div class="d-flex justify-content-center">
                        <canvas id="canvasCount6" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:230px;width:100%"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <!--<div style="height:26px;"></div>-->
    </div>

    <!--版权信息-->
    <!--<script src="../common/footer.js"></script>-->

    <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
    <script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
    <script src="/Plugins/sweetalert/sweetalert.min.js"></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>

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

        var doGetData;
        var doGetTime;

        var frameHeight;
        var tableHeight;
        var offsetHeight = 20;

        $(document).ready(function () {
            //设置缩放
            //xuwell.setScale(1);

            //初始化
            init();

            //首次加载
            //loadData();

            //定时刷新数据
            doGetData = setInterval(function () { timeUpdate(); }, 1000);

            //刷新时间
            loadServerTime();
            doGetTime = setInterval(function () { loadServerTime(); }, 15000);

        });

        //取服务器时间
        function loadServerTime() {
            $.get('../api/GetDateTime.ashx', function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    $('#当前时间').html(json["rows"]["时间"]);
                }
            });
        }

        function timeUpdate() {

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

        function loadData(callback) {
            //正式数据===========================================================
            var defect = $.ajax({ url: "defect.ashx", dataType: "json", type: "get", async: false  });
            var scrap = $.ajax({ url: "scrap.ashx", dataType: "json", type: "get", async: false  });
            var dayDefect = $.ajax({ url: "dayDefect.ashx", dataType: "json", type: "get", async: false  });
            var dayScrap = $.ajax({ url: "dayScrap.ashx", dataType: "json", type: "get", async: false  });
            $.when(defect, scrap, dayDefect, dayScrap).then(
                function (resultDefect, resultScrap, resultDayDefect, resultDayScrap) {

                    //加载每小时不良率
                    var jsonDefect = resultDefect[0];
                    if (jsonDefect["success"] == true) {
                        window.HourBLL.data.labels = [];
                        window.HourBLL.data.datasets[0].data = [];
                        window.HourBLL.data.datasets[1].data = [];
                        for (var i = 0; i < jsonDefect["rows"].length; i++) {
                            window.HourBLL.data.labels.push(jsonDefect["rows"][i]["项目"]);
                            window.HourBLL.data.datasets[0].data.push(jsonDefect["rows"][i]["不良率指标"]);
                            window.HourBLL.data.datasets[1].data.push(jsonDefect["rows"][i]["不良率"]);
                        }
                        window.HourBLL.update();
                    }

                    //加载每小时废品率
                    var jsonScrap = resultScrap[0];
                    if (jsonScrap["success"] == true) {
                        window.HourBFL.data.labels = [];
                        window.HourBFL.data.datasets[0].data = [];
                        window.HourBFL.data.datasets[1].data = [];
                        for (var i = 0; i < jsonScrap["rows"].length; i++) {
                            window.HourBFL.data.labels.push(jsonScrap["rows"][i]["项目"]);
                            window.HourBFL.data.datasets[0].data.push(jsonScrap["rows"][i]["报废率指标"]);
                            window.HourBFL.data.datasets[1].data.push(jsonScrap["rows"][i]["报废率"]);
                        }
                        window.HourBFL.update();

                        //加载每日不良率
                        var jsonDayDefect = resultDayDefect[0];
                        //加载每日废品率
                        var jsonDayScrap = resultDayScrap[0];
                        if (jsonDayDefect["success"] == true) {
                            window.Day.data.labels = [];
                            window.Day.data.datasets[0].data = [];
                            window.Day.data.datasets[1].data = [];
                            for (var i = 0; i < jsonDayDefect["rows"].length; i++) {
                                window.Day.data.labels.push(jsonDayDefect["rows"][i]["时间"]);
                                window.Day.data.datasets[0].data.push(jsonDayDefect["rows"][i]["不良率指标"]);
                                window.Day.data.datasets[1].data.push(jsonDayDefect["rows"][i]["不良率"]);
                            }
                            if (jsonDayScrap["success"] == true) {
                                window.Day.data.datasets[2].data = [];
                                window.Day.data.datasets[3].data = [];
                                for (var i = 0; i < jsonDayScrap["rows"].length; i++) {
                                    //window.Day.data.labels.push(jsonDayScrap["rows"][i]["时间"]);
                                    window.Day.data.datasets[2].data.push(jsonDayScrap["rows"][i]["报废率指标"]);
                                    window.Day.data.datasets[3].data.push(jsonDayScrap["rows"][i]["报废率"]);
                                }
                                window.Day.update();
                            }
                        }        
                        if (typeof callback != 'undefined') callback();
                    }
                });

            //===================================================================
        }

        function loadTable(id, url, callback) {

        }

        //日期格式化
        function groutingDate(value, row, index) {
            var d = new Date(value);
            return d.getFullYear() + '-' + d.getMonth() + '-' + d.getDay();
        }

        function dateFormat(fmt, date) {
            let ret;
            const opt = {
                "Y+": date.getFullYear().toString(),        // 年
                "m+": (date.getMonth() + 1).toString(),     // 月
                "d+": date.getDate().toString(),            // 日
                "H+": date.getHours().toString(),           // 时
                "M+": date.getMinutes().toString(),         // 分
                "S+": date.getSeconds().toString()          // 秒
                // 有其他格式化字符需求可以继续添加，必须转化成字符串
            };
            for (let k in opt) {
                ret = new RegExp("(" + k + ")").exec(fmt);
                if (ret) {
                    fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
                };
            };
            return fmt;
        }

    </script>

    <script>

        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);
        }

        function init() {

            Chart.defaults.global.defaultFontColor = 'white';
            Chart.defaults.global.defaultFontSize = 16;

            //每小时不良率=========================================
            window.configHourBLL = {
                data: {
                    labels: ["07-08", "08-09", "09-10", "10-11", "11-12", "12-13", "13-14", "14-15", "15-16", "16-17", "17-18", "18-19", "19-20", "20-21", "21-22", "22-23", "23-00", "00-01"],
                    datasets: [{
                        type: 'line',
                        label: "不良率指标",
                        backgroundColor: color(window.chartColors.red).alpha(0.6).rgbString(),
                        borderColor: window.chartColors.red,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [],
                        fill: false,
                    },{
                            type: 'line',
                            label: "不良率",
                            fill: false,
                            backgroundColor: color(window.chartColors.blue).alpha(0.6).rgbString(),
                            borderColor: window.chartColors.blue,
                            borderWidth: 2,
                            pointRadius: 12,
                            data: []
                    }]
                },
                type: 'line',
                options: {
                    responsive: true,
                    title: {
                        display: true,
                        text: '每小时不良率'
                    },
                    tooltips: {
                        mode: 'index',
                        intersect: false,
                    },
                    hover: {
                        mode: 'nearest',
                        intersect: true
                    },
                    scales: {
                        xAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString: ''
                            }
                        }],
                        yAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString: 'Value'
                            }
                        }]
                    }
                }
            };
            var ctxHourBLL = document.getElementById("canvasHourBLL").getContext("2d");
            window.HourBLL = new Chart(ctxHourBLL, configHourBLL);
            //===================================================

            //每小时报废率=========================================
            window.configHourBFL = {
                data: {
                    labels: ["07-08", "08-09", "09-10", "10-11", "11-12", "12-13", "13-14", "14-15", "15-16", "16-17", "17-18", "18-19", "19-20", "20-21", "21-22", "22-23", "23-00", "00-01"],
                    datasets: [{
                        type: 'line',
                        label: "报废率指标",
                        fill: false,
                        backgroundColor: color(window.chartColors.red).alpha(0.6).rgbString(),
                        borderColor: window.chartColors.red,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: []
                    }, {
                            type: 'line',
                            label: "报废率",
                            fill: false,
                            backgroundColor: color(window.chartColors.blue).alpha(0.6).rgbString(),
                            borderColor: window.chartColors.blue,
                            borderWidth: 2,
                            pointRadius: 12,
                            data: []
                        }]
                },
                type: 'line',
                options: {
                    responsive: true,
                    title: {
                        display: true,
                        text: '每小时报废率'
                    },
                    tooltips: {
                        mode: 'index',
                        intersect: false,
                    },
                    hover: {
                        mode: 'nearest',
                        intersect: true
                    },
                    scales: {
                        xAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString: ''
                            }
                        }],
                        yAxes: [{
                            display: true,
                            scaleLabel: {
                                display: false,
                                labelString: 'Value'
                            }
                        }]
                    }
                }
            };
            var ctxHourBFL = document.getElementById("canvasHourBFL").getContext("2d");
            window.HourBFL = new Chart(ctxHourBFL, configHourBFL);
            //===================================================

            //每日计划达成=======================================
            window.configDay = {
                data: {
                    labels: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
                    datasets: [{
                        type: 'line',
                        label: '不良率指标',
                        backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.red,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: []
                    }, {
                        type: 'line',
                        label: '不良率',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: []
                    }, {
                        type: 'line',
                        label: '报废率指标',
                        backgroundColor: color(window.chartColors.yellow).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.yellow,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: []
                        }, {
                        type: 'line',
                        label: '报废率',
                        backgroundColor: color(window.chartColors.green).alpha(0.5).rgbString(),
                        borderColor: window.chartColors.green,
                        fill: false,
                        borderColor: window.chartColors.green,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: []
                    }

                    ]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: true
                    },
                    title: {
                        display: true,
                        text: "每日不良率"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            //ticks: {
                            //    min: 0,
                            //    stepSize: 2,
                            //    max: 18
                            //}
                        }]
                    }

                }
            };
            var ctxDay = document.getElementById("canvasDay").getContext("2d");
            window.Day = new Chart(ctxDay, configDay);
            //===================================================
/*
            //缺陷统计===============================================
            window.configCount1 = {
                data: {
                    labels: ['外列', '不平', '撞伤'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本日缺陷排行TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount1 = document.getElementById("canvasCount1").getContext("2d");
            window.Count1 = new Chart(ctxCount1, configCount1);

            window.configCount2 = {
                data: {
                    labels: ['H0966M', 'H0967M', 'H0968M'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本日缺陷型号TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount2 = document.getElementById("canvasCount2").getContext("2d");
            window.Count2 = new Chart(ctxCount2, configCount2);

            window.configCount3 = {
                data: {
                    labels: ['上部', '中部', '下部'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本日缺陷位置TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount3 = document.getElementById("canvasCount3").getContext("2d");
            window.Count3 = new Chart(ctxCount3, configCount3);


            window.configCount4 = {
                data: {
                    labels: ['外列', '不平', '撞伤'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本月缺陷排行TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount4 = document.getElementById("canvasCount4").getContext("2d");
            window.Count4 = new Chart(ctxCount4, configCount4);

            window.configCount5 = {
                data: {
                    labels: ['H0966M', 'H0967M', 'H0968M'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本月缺陷型号TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount5 = document.getElementById("canvasCount5").getContext("2d");
            window.Count5 = new Chart(ctxCount5, configCount5);

            window.configCount6 = {
                data: {
                    labels: ['上部', '中部', '下部'],
                    datasets: [{
                        type: 'bar',
                        label: '缺陷数量',
                        backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
                        fill: false,
                        borderColor: window.chartColors.blue,
                        borderWidth: 2,
                        pointRadius: 12,
                        data: [0, 0, 0, 0, 0, 0, 0]
                    }]
                },
                type: 'bar',
                options: {
                    legend: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: "本月缺陷位置TOP3"
                    },
                    tooltips: {
                        mode: 'point',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [{
                            display: true,
                            stacked: false,
                            ticks: {
                                min: 0,
                                stepSize: 5,
                                max: 20
                            }
                        }]
                    }

                }
            };
            var ctxCount6 = document.getElementById("canvasCount6").getContext("2d");
            window.Count6 = new Chart(ctxCount6, configCount6);

            //===================================================
*/

        };

    </script>

</body>
</html>