|
|
@@ -24,122 +24,127 @@
|
|
|
<div style="width:50%;text-align:center; font-size:40px">烧成看板</div>
|
|
|
<div style="width:25%;text-align:right;"></div>
|
|
|
</div>
|
|
|
- <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
+ <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
|
|
|
- <!--31天产量曲线图-->
|
|
|
- <div style="width:1840px;height:30%;display:flex;flex-direction:row;">
|
|
|
- <div style="width: 75%; height: 300px;">
|
|
|
- <div style="color:white;font-size:15px;font-weight:600; text-align:center">每日产量计划达成</div>
|
|
|
- <canvas id="canvasDayCL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 330px; width: 80% "></canvas>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!--31天产量曲线图-->
|
|
|
+ <div style="width:1840px;height:40%;display:flex;flex-direction:row;">
|
|
|
+ <div style="width: 75%; height: 150px;">
|
|
|
+ <div style="color:white;font-size:15px;font-weight:600; text-align:center">每日产量计划达成</div>
|
|
|
+ <canvas id="canvasDayCL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 170px; width: 100% "></canvas>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width:1840px;height:40%;display:flex;flex-direction:row; margin-top:-10%">
|
|
|
+ <div style="width: 75%; height: 150px;">
|
|
|
+ <canvas id="canvasMonthCL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 170px; width: 100%;"></canvas>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div>
|
|
|
- <table rules="none" align="right" style="width: 20%; height: 270px; margin-left:80%;margin-top:-291px ">
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td style="width: 8%; height: 60px; font-size: 30px; text-align: left" colspan="2"><strong><span id="sj" style="color:white;">2023-4-30 00:00</span></strong></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">装窑:<span id="ydm" style="color:white;">加载中...</span></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">白坯入库:<span id="ycx" style="color:white;">加载中...</span></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">白坏库存:<span id="ygx" style="color:white;">加载中...</span></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <!--表格-->
|
|
|
- <div style="width: 100%; height: 530px; display: flex; flex-direction: row; margin-top: 4%">
|
|
|
- <div style="width: 100%; height: 530px; ">
|
|
|
- <table cellspacing="0" cellpadding="0" border="0" style="width:50%;">
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td colspan="7" style="font-size: 30px; color: white;">烧成工序装窑、出窑个人数据</td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_title_warning" style="height: 30px; font-size:27px">
|
|
|
- <td style="width: 15%;">工号</td>
|
|
|
- <td style="width: 15%;">数量</td>
|
|
|
- <td style="width: 15%;">工号</td>
|
|
|
- <td style="width: 15%;">数量</td>
|
|
|
- <td style="width: 15%;">工号</td>
|
|
|
- <td style="width: 15%;">数量</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div style=" height:170px;overflow:hidden;">
|
|
|
- <table style="width: 50%; display:none;" id="StaffTable_template">
|
|
|
- <!--style=""-->
|
|
|
- <tr class="tr_title_warning" style="height: 30px; font-size: 20px">
|
|
|
- <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号}</td>
|
|
|
- <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量}</td>
|
|
|
- <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号1}</td>
|
|
|
- <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量1}</td>
|
|
|
- <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号2}</td>
|
|
|
- <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量2}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <table id="StaffTable" style="width: 50%;">
|
|
|
- </table>
|
|
|
- </div>
|
|
|
+ <div style=" margin-top: -121px">
|
|
|
+ <table rules="none" align="right" style="width: 20%; height: 270px; margin-left:80%;margin-top:-471px ">
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="width: 8%; height: 60px; font-size: 30px; text-align: left" colspan="2"><strong><span id="sj" style="color:white;">2023-4-30 00:00</span></strong></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">装窑:<span id="ydm" style="color:white;">加载中...</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">白坯入库:<span id="ycx" style="color:white;">加载中...</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="width: 8%; height: 95px; font-size: 35px; text-align: left ">白坏库存:<span id="ygx" style="color:white;">加载中...</span></td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--表格-->
|
|
|
+ <div style="width: 100%; height: 530px; display: flex; flex-direction: row; margin-top: -4%">
|
|
|
+ <div style="width: 100%; height: 530px; ">
|
|
|
+ <table cellspacing="0" cellpadding="0" border="0" style="width:50%;">
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td colspan="7" style="font-size: 30px; color: white;">烧成工序装窑、出窑个人数据</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning" style="height: 30px; font-size:27px">
|
|
|
+ <td style="width: 15%;">工号</td>
|
|
|
+ <td style="width: 15%;">数量</td>
|
|
|
+ <td style="width: 15%;">工号</td>
|
|
|
+ <td style="width: 15%;">数量</td>
|
|
|
+ <td style="width: 15%;">工号</td>
|
|
|
+ <td style="width: 15%;">数量</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div style=" height:198px;overflow:hidden;">
|
|
|
+ <table style="width: 50%; display:none;" id="StaffTable_template">
|
|
|
+ <!--style=""-->
|
|
|
+ <tr class="tr_title_warning" style="height: 30px; font-size: 20px">
|
|
|
+ <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号}</td>
|
|
|
+ <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量}</td>
|
|
|
+ <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号1}</td>
|
|
|
+ <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量1}</td>
|
|
|
+ <td style="font-size: 18px; color: white; height: 30px; width: 16%; text-align: center ">{工号2}</td>
|
|
|
+ <td style="font-size: 20px; color: white; height: 30px; width: 16%; text-align: center">{数量2}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table id="StaffTable" style="width: 50%;">
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
|
|
|
- <table cellspacing="0" cellpadding="0" border="0" style="width: 50%;">
|
|
|
- <tr class="tr_title_warning" style="height: 60px; font-size: 30px">
|
|
|
- <td colspan="3" style="width:50%">施釉缺陷率:<span id="dmqxl" style="color:white">——</span></td>
|
|
|
- <td colspan="3" style="width:50%">一烧产量:<span id="cxqxl" style="color:white">——</span></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height: 50px; font-size: 25px">
|
|
|
- <td>缺陷</td>
|
|
|
- <td id="qxname1">缺陷1</td>
|
|
|
- <td id="qxname2">缺陷2</td>
|
|
|
- <td id="qxname3">缺陷3</td>
|
|
|
- <td id="qxname4">缺陷4</td>
|
|
|
- <td>其他</td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height: 60px; font-size: 25px ">
|
|
|
- <td>数量</td>
|
|
|
- <td id="sl1">1</td>
|
|
|
- <td id="sl2">2</td>
|
|
|
- <td id="sl3">3</td>
|
|
|
- <td id="sl4">4</td>
|
|
|
- <td id="sl5">5</td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height: 60px; font-size: 25px ">
|
|
|
- <td>缺陷率</td>
|
|
|
- <td id="qxl1">0%</td>
|
|
|
- <td id="qxl2">0%</td>
|
|
|
- <td id="qxl3">0%</td>
|
|
|
- <td id="qxl4">0%</td>
|
|
|
- <td id="qxl5">0%</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%; height: 500px; padding-right: 20px; margin-top: -530px; margin-left: 50% ">
|
|
|
- <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td colspan="4" style="color:white;">成检实时数据(烧成缺陷数据)</td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_title_warning">
|
|
|
- <td style="font-size: 27px; width: 25%; height: 30px; ">责任工号</td>
|
|
|
- <td style="font-size: 27px; width: 25%; height: 30px; ">产品编码</td>
|
|
|
- <td style="font-size: 27px; width: 25%; height: 30px; ">缺陷位置</td>
|
|
|
- <td style="font-size: 27px; width: 25%; height: 30px; ">产品分级</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div style=" height: 438px; overflow: hidden;">
|
|
|
- <table id="dayTable_template" style="display:none;">
|
|
|
- <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
- <td style="font-size: 18px; width: 25%; height: 30px; ">{责任工号}</td>
|
|
|
- <td style="font-size: 18px; width: 25%; height: 30px; ">{生产线号}</td>
|
|
|
- <td style="font-size: 18px; width: 25%; height: 30px; ">{缺陷名称}</td>
|
|
|
- <td style="font-size: 18px; width: 25%; height: 30px; ">{产品分级}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <table id="dayTable" style="width: 100%; ">
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <table cellspacing="0" cellpadding="0" border="0" style="width: 50%;">
|
|
|
+ <tr class="tr_title_warning" style="height: 60px; font-size: 30px">
|
|
|
+ <td colspan="3" style="width:50%">施釉缺陷率:<span id="dmqxl" style="color:white">——</span></td>
|
|
|
+ <td colspan="3" style="width:50%">一烧产量:<span id="cxqxl" style="color:white">——</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height: 50px; font-size: 25px">
|
|
|
+ <td>缺陷</td>
|
|
|
+ <td id="qxname1">缺陷1</td>
|
|
|
+ <td id="qxname2">缺陷2</td>
|
|
|
+ <td id="qxname3">缺陷3</td>
|
|
|
+ <td id="qxname4">缺陷4</td>
|
|
|
+ <td>其他</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height: 60px; font-size: 25px ">
|
|
|
+ <td>数量</td>
|
|
|
+ <td id="sl1">1</td>
|
|
|
+ <td id="sl2">2</td>
|
|
|
+ <td id="sl3">3</td>
|
|
|
+ <td id="sl4">4</td>
|
|
|
+ <td id="sl5">5</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height: 60px; font-size: 25px ">
|
|
|
+ <td>缺陷率</td>
|
|
|
+ <td id="qxl1">0%</td>
|
|
|
+ <td id="qxl2">0%</td>
|
|
|
+ <td id="qxl3">0%</td>
|
|
|
+ <td id="qxl4">0%</td>
|
|
|
+ <td id="qxl5">0%</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 52%; height: 530px; padding-right: 20px; margin-top: -530px; margin-left: 50% ">
|
|
|
+ <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td colspan="4" style="color: white; font-size: 30px">成检实时数据(烧成缺陷数据)</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="font-size: 27px; width: 25%; height: 30px; ">责任工号</td>
|
|
|
+ <td style="font-size: 27px; width: 25%; height: 30px; ">产品编码</td>
|
|
|
+ <td style="font-size: 27px; width: 25%; height: 30px; ">缺陷名称</td>
|
|
|
+ <td style="font-size: 27px; width: 25%; height: 30px; ">产品分级</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div style=" height: 448px; overflow: hidden;">
|
|
|
+ <table id="dayTable_template" style="display:none;">
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; width: 25%; height: 30px; ">{责任工号}</td>
|
|
|
+ <td style="font-size: 18px; width: 25%; height: 30px; ">{生产线号}</td>
|
|
|
+ <td style="font-size: 18px; width: 25%; height: 30px; ">{缺陷名称}</td>
|
|
|
+ <td style="font-size: 18px; width: 25%; height: 30px; ">{产品分级}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table id="dayTable" style="width: 100%; ">
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
@@ -157,7 +162,8 @@
|
|
|
//页面加载
|
|
|
$(document).ready(function () {
|
|
|
timeUp();
|
|
|
- initData();
|
|
|
+ initData();
|
|
|
+ initData2();
|
|
|
doGetData = setInterval(function () { loadServerTime(); }, 3000);
|
|
|
doGetData = setInterval(function () { timeUp(); }, 10000);
|
|
|
loadDayTable();
|
|
|
@@ -263,15 +269,7 @@
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
- function clearData() {
|
|
|
- //清除数据
|
|
|
- window.DayCL.data.labels = [];
|
|
|
- //window.DayCL.data.datasets[0].data = [0, 0, 0, 0, 0, 0, 0];
|
|
|
- window.DayCL.data.datasets[0].data = [];
|
|
|
- //window.DayCL.data.datasets[1].data = [0, 0, 0, 0, 0, 0, 0];
|
|
|
- window.DayCL.data.datasets[1].data = [];
|
|
|
- window.DayCL.update();
|
|
|
- }
|
|
|
+
|
|
|
function loadServerTime() {
|
|
|
$.get('BurnIntoKanban.ashx?m=fwq', function (data) {
|
|
|
var json = JSON.parse(data);
|
|
|
@@ -305,12 +303,39 @@
|
|
|
for (var n = 0; n < json["rows"].length; n++) {
|
|
|
window.DayCL.data.labels.push(json["rows"][n]["SJ"]);
|
|
|
window.DayCL.data.datasets[0].data[n] = (json["rows"][n]["入库"]);
|
|
|
- window.DayCL.data.datasets[1].data[n] = (json["rows"][n]["装窑"]);
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
window.DayCL.update();
|
|
|
});
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ $.get("BurnIntoKanban.ashx?m=rate", function (data) {
|
|
|
+ clearData2();
|
|
|
+ var json = JSON.parse(data);
|
|
|
+ if (json["success"] == true) {
|
|
|
+ for (var n = 0; n < json["rows"].length; n++) {
|
|
|
+ window.MonthCL.data.labels.push(json["rows"][n]["SJ"]);
|
|
|
+ window.MonthCL.data.datasets[0].data[n] = (json["rows"][n]["装窑"]);
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ window.MonthCL.update();
|
|
|
+ });
|
|
|
}
|
|
|
+ function clearData() {
|
|
|
+ //清除数据
|
|
|
+ window.DayCL.data.labels = [];
|
|
|
+ window.DayCL.data.datasets[0].data = [];
|
|
|
+ window.DayCL.update();
|
|
|
+ }
|
|
|
+ function clearData2() {
|
|
|
+ //清除数据
|
|
|
+ window.MonthCL.data.labels = [];
|
|
|
+ window.MonthCL.data.datasets[0].data = [];
|
|
|
+ window.MonthCL.update();
|
|
|
+ }
|
|
|
function initData() {
|
|
|
window.chartColors = {
|
|
|
red: 'rgb(255, 99, 132)',
|
|
|
@@ -328,8 +353,8 @@
|
|
|
return Math.round(Math.random() * num);
|
|
|
}
|
|
|
|
|
|
- Chart.defaults.global.defaultFontColor = 'white';
|
|
|
- Chart.defaults.global.defaultFontSize = 18;
|
|
|
+ Chart.defaults.global.defaultFontColor = 'white';
|
|
|
+ Chart.defaults.global.defaultFontSize = 15;
|
|
|
Chart.defaults.global.legend.display = false;
|
|
|
|
|
|
//每小时产量=========================================
|
|
|
@@ -339,23 +364,15 @@
|
|
|
datasets: [
|
|
|
{
|
|
|
//label: "近七日本烧合格率",
|
|
|
- label: "白坯入库量",
|
|
|
+ label: "白坯入库量",
|
|
|
fill: false,
|
|
|
backgroundColor: color(window.chartColors.red).alpha(0.6).rgbString(),
|
|
|
borderColor: window.chartColors.red,
|
|
|
- borderWidth: 2,
|
|
|
- pointRadius: 15,
|
|
|
- data: []
|
|
|
- }, {
|
|
|
- //label: "近七日整体合格率",
|
|
|
- label: "日装窑量",
|
|
|
- fill: false,
|
|
|
- backgroundColor: color(window.chartColors.orange).alpha(0.6).rgbString(),
|
|
|
- borderColor: window.chartColors.orange,
|
|
|
- borderWidth: 2,
|
|
|
- pointRadius: 15,
|
|
|
+ borderWidth: 4,
|
|
|
+ pointRadius: 15,
|
|
|
+
|
|
|
data: []
|
|
|
- }
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
type: 'line',
|
|
|
@@ -388,16 +405,148 @@
|
|
|
display: true,
|
|
|
scaleLabel: {
|
|
|
display: false,
|
|
|
- labelString: 'Value'
|
|
|
- }
|
|
|
+ labelString: 'Value' }
|
|
|
}]
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
var ctxDayCL = document.getElementById("canvasDayCL").getContext("2d");
|
|
|
window.DayCL = new Chart(ctxDayCL, configDayCL);
|
|
|
+
|
|
|
+
|
|
|
+ //甲班缺陷===========================================
|
|
|
+ window.configMonthCL = {
|
|
|
+ data: {
|
|
|
+ labels: [],
|
|
|
+ datasets: [
|
|
|
+ {
|
|
|
+ //label: "近七日整体合格率",
|
|
|
+ label: "日装窑量",
|
|
|
+ fill: false,
|
|
|
+ backgroundColor: color(window.chartColors.purple).alpha(0.6).rgbString(),
|
|
|
+ borderColor: window.chartColors.purple,
|
|
|
+ borderWidth: 4,
|
|
|
+ pointRadius: 15,
|
|
|
+ data: []
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ type: 'line',
|
|
|
+ options: {
|
|
|
+ responsive: true,
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ 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 ctxMonthCL = document.getElementById("canvasMonthCL").getContext("2d");
|
|
|
+ window.MonthCL = new Chart(ctxMonthCL, configMonthCL);
|
|
|
+ //===================================================
|
|
|
}
|
|
|
+ function initData2() {
|
|
|
+ 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 = 13;
|
|
|
+ Chart.defaults.global.legend.display = false;
|
|
|
|
|
|
+ //甲班缺陷===========================================
|
|
|
+ window.configMonthCL = {
|
|
|
+ data: {
|
|
|
+ labels: [],
|
|
|
+ datasets: [
|
|
|
+ {
|
|
|
+ //label: "近七日整体合格率",
|
|
|
+ label: "日装窑量",
|
|
|
+ fill: false,
|
|
|
+ backgroundColor: color(window.chartColors.purple).alpha(0.6).rgbString(),
|
|
|
+ borderColor: window.chartColors.purple,
|
|
|
+ borderWidth: 4,
|
|
|
+ pointRadius: 13,
|
|
|
+ data: []
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ type: 'line',
|
|
|
+ options: {
|
|
|
+ responsive: true,
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ 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 ctxMonthCL = document.getElementById("canvasMonthCL").getContext("2d");
|
|
|
+ window.MonthCL = new Chart(ctxMonthCL, configMonthCL);
|
|
|
+ //===================================================
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
|