首页 发现 帮助
登录
DK-MES-2.0
/
HEGII.ss.mes.dashboard
6
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 36970b9f78
分支列表 标签列表
HEGII.ss.mes.da...
/
wwwroot
/
main
/
Procedure
/
test14
/
demo.html

demo.html 63 KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371 
  1. <!doctype html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    6. 

  6.     <link rel="shortcut icon" href="/img/logo.png" />
    7. 

  7.     <link rel="bookmark" href="/img/logo.png" />
    8. 

  8.     <link href="/Plugins/animate/animate.min.css" rel="stylesheet" />
    9. 

  9.     <link rel="stylesheet" href="../DashBoard.css?v3" />
    10. 

  10.     <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    11. 

  11.     <script src="/Plugins/animate/xanimate.js"></script>
    12. 

  12.     <script src="/Plugins/xrequest/xrequest.min.js"></script>
    13. 

  13.     <title>东科软件</title>
    14. 

  14.     <style>
    15. 

  15.         .container {
    16. 

  16.             display: flex;
    17. 

  17.             flex-direction: column; /* 设置子元素竖排排列 */
    18. 

  18.             width: 500px;
    19. 

  19.         }
    20. 

  20. 

  21.         .containerson {
    22. 

  22.             height: 500px;
    23. 

  23.         }
    24. 

  24.     </style>
    25. 

  25. </head>
    26. 

  26. 

  27. <body style="background-color:black;">
    28. 

  28. 

  29.     <div class="box_1920_1080">
    30. 

  30.         <div class="box_title" style="display:flex;flex-direction:row;">
    31. 

  31.             <div style="width:30%;text-align:left;"></div>
    32. 

  32.             <div style="width: 40%; text-align: center; font-size: 38px; font-weight: 700">施釉车间看板</div>
    33. 

  33.             <div style="width:30%;text-align:right;"><span class="box_title_loading" style="font-size:32px;" id="报表加载"></span></div>
    34. 

  34.         </div>
    35. 

  35.         <div class="box_body" style="display: flex; flex-direction: column;">
    36. 

  36. 

  37.             <!--注浆数据表格-->
    38. 

  38.             <div style="width:1840px;height:680px;display:flex;flex-direction:row;">
    39. 

  39.                 <!--施釉设备重要数据-->
    40. 

  40.                 <!--<div style="width: 48%; height: 680px;">
    41. 

  41.                     <table cellspacing="0" cellpadding="0" border="0" style="width: 99.8%;">
    42. 

  42.                         <tr class="tr_title_warning">
    43. 

  43.                             <td colspan="10" style="color: white;">施釉设备重要数据</td>
    44. 

  44.                         </tr>
    45. 

  45.                         <tr class="tr_title_warning" style="height: 50px;">
    46. 

  46.                             <td style="width: 12%; font-size: 10px; padding: 0px 0px 0px 0px;">产品条码</td>
    47. 

  47.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">产品型号</td>
    48. 

  48.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">施釉产线</td>
    49. 

  49.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">施釉前重</td>
    50. 

  50.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px; ">施釉后重</td>
    51. 

  51.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">施釉房号</td>
    52. 

  52.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">施釉流量</td>
    53. 

  53.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px;">施釉喷幅</td>
    54. 

  54.                             <td style="width: 10%; font-size: 10px; padding: 0px 0px 0px 0px; ">釉浆温度</td>
    55. 

  55.                             <td style="width: 8%; font-size: 10px; padding: 0px 0px 0px 0px; ">施釉压力</td>
    56. 

  56.                         </tr>
    57. 

  57.                     </table>
    58. 

  58.                     <div style=" height: 522px; overflow: hidden; width: 100%;">
    59. 

  59.                         <div>
    60. 

  60.                             <table id="dayTable_template" style="display:none;">
    61. 

  61.                                 <tr class="tr_title_warning" style="height: 50px;">
    62. 

  62.                                     <td style="width: 12%; font-size: 10px; padding: 0px 0px 0px 0px;">{产品条码}</td>
    63. 

  63.                                     <td style="width: 10%; font-size: 10px;">{产品型号}</td>
    64. 

  64.                                     <td style="width: 10%; font-size: 10px; ">{施釉产线}</td>
    65. 

  65.                                     <td style="width: 10%; font-size: 10px; ">{施釉前重}</td>
    66. 

  66.                                     <td style="width: 10%; font-size: 10px; ">{施釉后重}</td>
    67. 

  67.                                     <td style="width: 10%; font-size: 10px; ">{施釉房号}</td>
    68. 

  68.                                     <td style="width: 10%; font-size: 10px; ">{施釉流量}</td>
    69. 

  69.                                     <td style="width: 10%; font-size: 10px; ">{施釉喷幅}</td>
    70. 

  70.                                     <td style="width: 10%; font-size: 10px; ">{釉浆温度}</td>
    71. 

  71.                                     <td style="width: 8%; font-size: 10px;">{施釉压力}</td>
    72. 

  72.                                 </tr>
    73. 

  73.                             </table>
    74. 

  74.                         </div>
    75. 

  75.                         <table id="dayTable" style="width: 100%; ">
    76. 

  76.                         </table>
    77. 

  77.                     </div>
    78. 

  78.                 </div>-->
    79. 

  79.                 <div class="container">
    80. 

  80.                     <div class="containerson">
    81. 

  81.                         <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉每日成品合格率</div>
    82. 

  82.                         <canvas id="canvasDayZLA" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    83. 

  83.                     </div>
    84. 

  84.                     <div class="containerson">
    85. 

  85.                         <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉每月成品合格率</div>
    86. 

  86.                         <canvas id="canvasDayZLB" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    87. 

  87.                     </div>
    88. 

  88.                     <div class="containerson">
    89. 

  89.                         <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉每日成品冷补缺陷率</div>
    90. 

  90.                         <canvas id="canvasDayZLC" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    91. 

  91.                     </div>
    92. 

  92.                     <div class="containerson">
    93. 

  93.                         <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉每日半成品损坯率</div>
    94. 

  94.                         <canvas id="canvasDayZL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    95. 

  95.                     </div>
    96. 

  96.                 </div>
    97. 

  97.                 <div style="width: 70%; height: 340px; position: absolute; right: 40px; ">
    98. 

  98.                     <div class="d-flex justify-content-center">
    99. 

  99.                         <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉线24小时产量</div>
    100. 

  100.                         <canvas id="canvasHourCL" style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; height:340px;width:100%"></canvas>
    101. 

  101.                     </div>
    102. 

  102.                 </div>
    103. 

  103.                 <div style="width: 30%; height: 340px; margin-top:365px;margin-left:200px;">
    104. 

  104.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉工号产量</div>
    105. 

  105.                     <canvas id="canvasDayCL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 280px; width: 100%;margin-top:-38px;"></canvas>
    106. 

  106.                 </div>
    107. 

  107.                 <div style="width: 30%; height: 380px; right: 40px; margin-top: 365px; ">
    108. 

  108.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉七日产量</div>
    109. 

  109.                     <canvas id="canvasDayCC" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 280px; width: 100%;margin-top:-38px;"></canvas>
    110. 

  110.                 </div>
    111. 

  111.             </div>
    112. 

  112. 

  113. 

  114. 

  115.             <!--缺陷统计-->
    116. 

  116.             <div style="max-width: 1340px; height: 230px; display: flex; flex-direction: row; margin-left: auto; ">
    117. 

  117.                 <!--<div style="width: 25%; height: 230px;">
    118. 

  118.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">施釉质量七日趋势图</div>
    119. 

  119.                     <canvas id="canvasDayZL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    120. 

  120.                 </div>-->
    121. 

  121.                 <div style="width: 25%; height: 230px;">
    122. 

  122.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">归属施釉缺陷（今日TOP3）</div>
    123. 

  123.                     <canvas id="canvasDefectA" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    124. 

  124.                 </div>
    125. 

  125.                 <div style="width: 25%; height: 230px;">
    126. 

  126.                     <div style="color:white;font-size:15px;font-weight:600; text-align:center">SSY001-SSY005</div>
    127. 

  127.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">日成品缺陷(今日TOP5)</div>
    128. 

  128.                     <canvas id="canvasDefectC" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    129. 

  129.                 </div>
    130. 

  130.                 <div style="width: 25%; height: 230px;">
    131. 

  131.                     <div style="color:white;font-size:15px;font-weight:600; text-align:center">SSY002-SSY004</div>
    132. 

  132.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">日成品缺陷(今日TOP5)</div>
    133. 

  133.                     <canvas id="canvasDefectD" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    134. 

  134.                 </div>
    135. 

  135.                 <div style="width: 25%; height: 230px;">
    136. 

  136.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center">釉坯库库存</div>
    137. 

  137.                     <canvas id="canvasDefectB" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    138. 

  138.                 </div>
    139. 

  139.                 <div style="width: 25%; height: 230px;">
    140. 

  140.                     <div style="color:white;font-size:20px;font-weight:600; text-align:center;">精坯库库存</div>
    141. 

  141.                     <canvas id="canvasJPKC" style="margin-top:15px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
    142. 

  142.                 </div>
    143. 

  143.             </div>
    144. 

  144.         </div>
    145. 

  145.     </div>
    146. 

  146. 

  147.     <script>
    148. 

  148.         var mainInterval;
    149. 

  149.         var mainRowCount = 0;
    150. 

  150. 

  151.         function loadMainTable() {
    152. 

  152.             if (mainInterval) {
    153. 

  153.                 clearInterval(mainInterval);
    154. 

  154.                 //console.log("Interval Stop!");
    155. 

  155.             }
    156. 

  156.             //$.get("demo.ashx?m=MonthTable", function (data){
    157. 

  157.             //    var json = JSON.parse(data);
    158. 

  158.             //    if (json["success"] == true) {
    159. 

  159.             //        $("#dayTable").html("");
    160. 

  160.             //        for (var i = 0; i < json["rows"].length; i++) {
    161. 

  161.             //            var temp = $("#dayTable_template").html();
    162. 

  162.             //            //temp = temp.replace("<tbody>", "").replace("</tbody>", "");
    163. 

  163.             //            temp = temp.replace('{产品条码}', json["rows"][i]['产品条码']);
    164. 

  164.             //            temp = temp.replace('{产品型号}', json["rows"][i]['产品型号']);
    165. 

  165.             //            temp = temp.replace('{施釉产线}', json["rows"][i]['施釉产线']);
    166. 

  166.             //            temp = temp.replace('{施釉前重}', json["rows"][i]['施釉前重']);
    167. 

  167.             //            temp = temp.replace('{施釉后重}', json["rows"][i]['施釉后重']);
    168. 

  168.             //            temp = temp.replace('{施釉房号}', json["rows"][i]['施釉房号']);
    169. 

  169.             //            temp = temp.replace('{施釉流量}', json["rows"][i]['施釉流量']);
    170. 

  170.             //            temp = temp.replace('{施釉喷幅}', json["rows"][i]['施釉喷幅']);
    171. 

  171.             //            temp = temp.replace('{釉浆温度}', json["rows"][i]['釉浆温度']);
    172. 

  172.             //            temp = temp.replace('{施釉压力}', json["rows"][i]['施釉压力']);
    173. 

  173.             //            $("#dayTable").append(temp);
    174. 

  174.             //        }
    175. 

  175.             //        mainRowCount = json["rows"].length;
    176. 

  176.             //        mainInterval = setInterval(mainScroll, 3000);
    177. 

  177.             //    }
    178. 

  178.             //});
    179. 

  179.         }
    180. 

  180. 

  181.         function mainScroll() {
    182. 

  182.             var scrollHeight = $("#dayTable").find("tr").outerHeight();
    183. 

  183.             $("#dayTable").animate({ marginTop: -scrollHeight, }, 500,
    184. 

  184.                 function () {
    185. 

  185.                     $(this).css({ marginTop: "0px", }).find("tr:first").appendTo(this);
    186. 

  186.                     if (--mainRowCount == -1) loadMainTable();
    187. 

  187.                 }
    188. 

  188.             );
    189. 

  189.         }
    190. 

  190. 

  191.         $(document).ready(function () {
    192. 

  192.             initData();
    193. 

  193.             loadMainTable();
    194. 

  194.             setInterval(function () { loadMainTable(); }, 600000);
    195. 

  195.             DdfectData();
    196. 

  196.             setInterval(function () { DdfectData(); }, 180000);
    197. 

  197.             DdfectDataB();
    198. 

  198.             setInterval(function () { DdfectDataB(); }, 180000);
    199. 

  199.             //ZxData();
    200. 

  200.             //setInterval(function () { ZxData(); }, 180000);
    201. 

  201.             ClData();
    202. 

  202.             setInterval(function () { ClData(); }, 180000);
    203. 

  203.             ZxDataH();
    204. 

  204.             setInterval(function () { ZxDataH(); }, 180000);
    205. 

  205.             CCData();
    206. 

  206.             setInterval(function () { CCData(); }, 180000);
    207. 

  207.             DataKC();
    208. 

  208.             setInterval(function () { DataKC(); }, 180000);
    209. 

  209.             DailypassrateDayData();
    210. 

  210.             setInterval(function () { DailypassrateDayData(); }, 180000);
    211. 

  211.             DailypassrateMonthData();
    212. 

  212.             setInterval(function () { DailypassrateMonthData(); }, 180000);
    213. 

  213.             DailypassrateRepairData();
    214. 

  214.             setInterval(function () { DailypassrateRepairData(); }, 180000);
    215. 

  215.             DailypassrateSemifinishedData();
    216. 

  216.             setInterval(function () { DailypassrateSemifinishedData(); }, 180000);
    217. 

  217.         });
    218. 

  218. 

  219.         //精坯库库存
    220. 

  220.         function DataKC() {
    221. 

  221.             $.get("demo.ashx?m=kc", function (data) {
    222. 

  222.                 var json = JSON.parse(data);
    223. 

  223.                 if (json["success"] == true) {
    224. 

  224.                     var count1 = parseFloat(json["rows"][0]["数量"]);
    225. 

  225.                     var count2 = parseFloat(json["rows"][1]["数量"]);
    226. 

  226.                     var goodtype1 = json["rows"][0]["产品类别"];
    227. 

  227.                     var goodtype2 = json["rows"][1]["产品类别"];
    228. 

  228.                     window.Defectjpkc.data.datasets[0].data = [count1, count2];
    229. 

  229.                     window.Defectjpkc.data.labels = [goodtype1, goodtype2]
    230. 

  230.                     window.Defectjpkc.update();
    231. 

  231.                 }
    232. 

  232.             });
    233. 

  233.         }
    234. 

  234. 

  235.         ////施釉七日趋势图
    236. 

  236.         //function ZxData(){
    237. 

  237.         //    $.get("demo.ashx?m=zx", function (data) {
    238. 

  238.         //        var json = JSON.parse(data);
    239. 

  239.         //        if (json["success"] == true) {
    240. 

  240.         //            var BJ1 = parseFloat(json["rows"][0]["施釉合格率"]);
    241. 

  241.         //            var BJ2 = parseFloat(json["rows"][1]["施釉合格率"]);
    242. 

  242.         //            var BJ3 = parseFloat(json["rows"][2]["施釉合格率"]);
    243. 

  243.         //            var BJ4 = parseFloat(json["rows"][3]["施釉合格率"]);
    244. 

  244.         //            var BJ5 = parseFloat(json["rows"][4]["施釉合格率"]);
    245. 

  245.         //            var BJ6 = parseFloat(json["rows"][5]["施釉合格率"]);
    246. 

  246.         //            var BJ7 = parseFloat(json["rows"][6]["施釉合格率"]);
    247. 

  247.         //            var day1 = json["rows"][0]["日期"];
    248. 

  248.         //            var day2 = json["rows"][1]["日期"];
    249. 

  249.         //            var day3 = json["rows"][2]["日期"];
    250. 

  250.         //            var day4 = json["rows"][3]["日期"];
    251. 

  251.         //            var day5 = json["rows"][4]["日期"];
    252. 

  252.         //            var day6 = json["rows"][5]["日期"];
    253. 

  253.         //            var day7 = json["rows"][6]["日期"];
    254. 

  254.         //            var count1 = parseFloat(json["rows"][0]["出窑数"]);
    255. 

  255.         //            var count2 = parseFloat(json["rows"][1]["出窑数"]);
    256. 

  256.         //            var count3 = parseFloat(json["rows"][2]["出窑数"]);
    257. 

  257.         //            var count4 = parseFloat(json["rows"][3]["出窑数"]);
    258. 

  258.         //            var count5 = parseFloat(json["rows"][4]["出窑数"]);
    259. 

  259.         //            var count6 = parseFloat(json["rows"][5]["出窑数"]);
    260. 

  260.         //            var count7 = parseFloat(json["rows"][6]["出窑数"]);
    261. 

  261.         //            window.DayZL.data.datasets[0].data = [BJ1, BJ2, BJ3, BJ4, BJ5, BJ6, BJ7];
    262. 

  262.         //            window.DayZL.data.datasets[1].data = [count1, count2, count3, count4, count5, count6, count7];
    263. 

  263.         //            window.DayZL.data.labels = [day1, day2, day3, day4, day5, day6, day7];
    264. 

  264.         //            window.DayZL.update();
    265. 

  265.         //        }
    266. 

  266.         //    });
    267. 

  267.         //}
    268. 

  268. 

  269.         //施釉每日成品合格率
    270. 

  270.         function DailypassrateDayData() {
    271. 

  271.             $.get("demo.ashx?m=Dailypassrate&type=day&repair=false", function (data) {
    272. 

  272.                 var json = JSON.parse(data);
    273. 

  273.                 if (json["success"] == true) {
    274. 

  274.                     console.log(json, '施釉每日成品合格率')
    275. 

  275.                     // 存储施釉合格率
    276. 

  276.                     let bjRates = [];
    277. 

  277.                     // 存储出窑数
    278. 

  278.                     let counts = [];
    279. 

  279.                     // 存储日期
    280. 

  280.                     let days = [];
    281. 

  281.                     for (let i = 0; i < json["rows"].length; i++) {
    282. 

  282.                         let row = json["rows"][i];
    283. 

  283.                         // 添加施釉合格率
    284. 

  284.                         bjRates.push(parseFloat(row["施釉合格率"]));
    285. 

  285.                         // 添加出窑数
    286. 

  286.                         counts.push(parseFloat(row["出窑数"]));
    287. 

  287.                         // 添加日期
    288. 

  288.                         days.push(row["日期"]);
    289. 

  289.                     }
    290. 

  290. 

  291.                     window.DayZLA.data.datasets[0].data = bjRates;
    292. 

  292.                     window.DayZLA.data.datasets[1].data = counts;
    293. 

  293.                     window.DayZLA.data.labels = days;
    294. 

  294.                     window.DayZLA.update();
    295. 

  295.                 }
    296. 

  296.             });
    297. 

  297.         }
    298. 

  298.         //施釉每月成品合格率
    299. 

  299.         function DailypassrateMonthData() {
    300. 

  300.             $.get("demo.ashx?m=Dailypassrate&type=month&repair=false", function (data) {
    301. 

  301.                 var json = JSON.parse(data);
    302. 

  302.                 if (json["success"] == true) {
    303. 

  303.                     console.log(json, '施釉每月成品合格率')
    304. 

  304.                     // 存储施釉合格率
    305. 

  305.                     let bjRates = [];
    306. 

  306.                     // 存储出窑数
    307. 

  307.                     let counts = [];
    308. 

  308.                     // 存储日期
    309. 

  309.                     let days = [];
    310. 

  310.                     for (let i = 0; i < json["rows"].length; i++) {
    311. 

  311.                         let row = json["rows"][i];
    312. 

  312.                         // 添加施釉合格率
    313. 

  313.                         bjRates.push(parseFloat(row["施釉合格率"]));
    314. 

  314.                         // 添加出窑数
    315. 

  315.                         counts.push(parseFloat(row["出窑数"]));
    316. 

  316.                         // 添加日期
    317. 

  317.                         days.push(row["日期"]);
    318. 

  318.                     }
    319. 

  319.                     window.DayZLB.data.datasets[0].data = bjRates;
    320. 

  320.                     window.DayZLB.data.datasets[1].data = counts;
    321. 

  321.                     window.DayZLB.data.labels = days;
    322. 

  322.                     window.DayZLB.update();
    323. 

  323.                 }
    324. 

  324.             });
    325. 

  325.         }
    326. 

  326.         //施釉每日成品冷补缺陷率
    327. 

  327.         function DailypassrateRepairData() {
    328. 

  328.             $.get("demo.ashx?m=Dailypassrate&type=day&repair=true", function (data) {
    329. 

  329.                 var json = JSON.parse(data);
    330. 

  330.                 if (json["success"] == true) {
    331. 

  331.                     console.log(json, '施釉每日成品冷补缺陷率')
    332. 

  332.                     // 存储施釉合格率
    333. 

  333.                     let bjRates = [];
    334. 

  334.                     // 存储出窑数
    335. 

  335.                     let counts = [];
    336. 

  336.                     // 存储日期
    337. 

  337.                     let days = [];
    338. 

  338.                     for (let i = 0; i < json["rows"].length; i++) {
    339. 

  339.                         let row = json["rows"][i];
    340. 

  340.                         // 添加施釉合格率
    341. 

  341.                         bjRates.push(parseFloat(row["施釉合格率"]));
    342. 

  342.                         // 添加出窑数
    343. 

  343.                         counts.push(parseFloat(row["出窑数"]));
    344. 

  344.                         // 添加日期
    345. 

  345.                         days.push(row["日期"]);
    346. 

  346.                     }
    347. 

  347.                     window.DayZLC.data.datasets[0].data = bjRates;
    348. 

  348.                     window.DayZLC.data.datasets[1].data = counts;
    349. 

  349.                     window.DayZLC.data.labels = days;
    350. 

  350.                     window.DayZLC.update();
    351. 

  351.                 }
    352. 

  352.             });
    353. 

  353.         }
    354. 

  354.         //施釉每日半成品损坯率
    355. 

  355.         function DailypassrateSemifinishedData() {
    356. 

  356.             $.get("demo.ashx?m=DailypassrateSemifinished", function (data) {
    357. 

  357.                 var json = JSON.parse(data);
    358. 

  358.                 if (json["success"] == true) {
    359. 

  359.                     console.log(json, '施釉每日半成品损坯率')
    360. 

  360.                     // 存储施釉合格率
    361. 

  361.                     let bjRates = [];
    362. 

  362.                     // 存储出窑数
    363. 

  363.                     let counts = [];
    364. 

  364.                     // 存储日期
    365. 

  365.                     let days = [];
    366. 

  366.                     for (let i = 0; i < json["rows"].length; i++) {
    367. 

  367.                         let row = json["rows"][i];
    368. 

  368.                         // 添加施釉合格率
    369. 

  369.                         bjRates.push(parseFloat(row["损坯率"]));
    370. 

  370.                         // 添加出窑数
    371. 

  371.                         counts.push(parseFloat(row["出窑数"]));
    372. 

  372.                         // 添加日期
    373. 

  373.                         days.push(row["日期"]);
    374. 

  374.                     }
    375. 

  375.                     window.DayZL.data.datasets[0].data = bjRates;
    376. 

  376.                     window.DayZL.data.datasets[1].data = counts;
    377. 

  377.                     window.DayZL.data.labels = days;
    378. 

  378.                     window.DayZL.update();
    379. 

  379.                 }
    380. 

  380.             });
    381. 

  381.         }
    382. 

  382.         //每小时产量折线图
    383. 

  383.         function ZxDataH() {
    384. 

  384.             $.get("demo.ashx?m=h", function (data) {
    385. 

  385.                 var json = JSON.parse(data);
    386. 

  386.                 if (json["success"] == true) {
    387. 

  387.                     var SY1 = parseFloat(json["rows"][0]["一线施釉数量"]);
    388. 

  388.                     var SY2 = parseFloat(json["rows"][1]["一线施釉数量"]);
    389. 

  389.                     var SY3 = parseFloat(json["rows"][2]["一线施釉数量"]);
    390. 

  390.                     var SY4 = parseFloat(json["rows"][3]["一线施釉数量"]);
    391. 

  391.                     var SY5 = parseFloat(json["rows"][4]["一线施釉数量"]);
    392. 

  392.                     var SY6 = parseFloat(json["rows"][5]["一线施釉数量"]);
    393. 

  393.                     var SY7 = parseFloat(json["rows"][6]["一线施釉数量"]);
    394. 

  394.                     var SY8 = parseFloat(json["rows"][7]["一线施釉数量"]);
    395. 

  395.                     var SY9 = parseFloat(json["rows"][8]["一线施釉数量"]);
    396. 

  396.                     var SY10 = parseFloat(json["rows"][9]["一线施釉数量"]);
    397. 

  397.                     var SY11 = parseFloat(json["rows"][10]["一线施釉数量"]);
    398. 

  398.                     var SY12 = parseFloat(json["rows"][11]["一线施釉数量"]);
    399. 

  399.                     var SY13 = parseFloat(json["rows"][12]["一线施釉数量"]);
    400. 

  400.                     var SY14 = parseFloat(json["rows"][13]["一线施釉数量"]);
    401. 

  401.                     var SY15 = parseFloat(json["rows"][14]["一线施釉数量"]);
    402. 

  402.                     var SY16 = parseFloat(json["rows"][15]["一线施釉数量"]);
    403. 

  403.                     var SY17 = parseFloat(json["rows"][16]["一线施釉数量"]);
    404. 

  404.                     var SY18 = parseFloat(json["rows"][17]["一线施釉数量"]);
    405. 

  405.                     var SY19 = parseFloat(json["rows"][18]["一线施釉数量"]);
    406. 

  406.                     var SY20 = parseFloat(json["rows"][19]["一线施釉数量"]);
    407. 

  407.                     var SY21 = parseFloat(json["rows"][20]["一线施釉数量"]);
    408. 

  408.                     var SY22 = parseFloat(json["rows"][21]["一线施釉数量"]);
    409. 

  409.                     var SY23 = parseFloat(json["rows"][22]["一线施釉数量"]);
    410. 

  410.                     var SY24 = parseFloat(json["rows"][23]["一线施釉数量"]);
    411. 

  411.                     var SYX1 = parseFloat(json["rows"][0]["二线施釉数量"]);
    412. 

  412.                     var SYX2 = parseFloat(json["rows"][1]["二线施釉数量"]);
    413. 

  413.                     var SYX3 = parseFloat(json["rows"][2]["二线施釉数量"]);
    414. 

  414.                     var SYX4 = parseFloat(json["rows"][3]["二线施釉数量"]);
    415. 

  415.                     var SYX5 = parseFloat(json["rows"][4]["二线施釉数量"]);
    416. 

  416.                     var SYX6 = parseFloat(json["rows"][5]["二线施釉数量"]);
    417. 

  417.                     var SYX7 = parseFloat(json["rows"][6]["二线施釉数量"]);
    418. 

  418.                     var SYX8 = parseFloat(json["rows"][7]["二线施釉数量"]);
    419. 

  419.                     var SYX9 = parseFloat(json["rows"][8]["二线施釉数量"]);
    420. 

  420.                     var SYX10 = parseFloat(json["rows"][9]["二线施釉数量"]);
    421. 

  421.                     var SYX11 = parseFloat(json["rows"][10]["二线施釉数量"]);
    422. 

  422.                     var SYX12 = parseFloat(json["rows"][11]["二线施釉数量"]);
    423. 

  423.                     var SYX13 = parseFloat(json["rows"][12]["二线施釉数量"]);
    424. 

  424.                     var SYX14 = parseFloat(json["rows"][13]["二线施釉数量"]);
    425. 

  425.                     var SYX15 = parseFloat(json["rows"][14]["二线施釉数量"]);
    426. 

  426.                     var SYX16 = parseFloat(json["rows"][15]["二线施釉数量"]);
    427. 

  427.                     var SYX17 = parseFloat(json["rows"][16]["二线施釉数量"]);
    428. 

  428.                     var SYX18 = parseFloat(json["rows"][17]["二线施釉数量"]);
    429. 

  429.                     var SYX19 = parseFloat(json["rows"][18]["二线施釉数量"]);
    430. 

  430.                     var SYX20 = parseFloat(json["rows"][19]["二线施釉数量"]);
    431. 

  431.                     var SYX21 = parseFloat(json["rows"][20]["二线施釉数量"]);
    432. 

  432.                     var SYX22 = parseFloat(json["rows"][21]["二线施釉数量"]);
    433. 

  433.                     var SYX23 = parseFloat(json["rows"][22]["二线施釉数量"]);
    434. 

  434.                     var SYX24 = parseFloat(json["rows"][23]["二线施釉数量"]);
    435. 

  435.                     var day1 = json["rows"][0]["日期"];
    436. 

  436.                     var day2 = json["rows"][1]["日期"];
    437. 

  437.                     var day3 = json["rows"][2]["日期"];
    438. 

  438.                     var day4 = json["rows"][3]["日期"];
    439. 

  439.                     var day5 = json["rows"][4]["日期"];
    440. 

  440.                     var day6 = json["rows"][5]["日期"];
    441. 

  441.                     var day7 = json["rows"][6]["日期"];
    442. 

  442.                     var day8 = json["rows"][7]["日期"];
    443. 

  443.                     var day9 = json["rows"][8]["日期"];
    444. 

  444.                     var day10 = json["rows"][9]["日期"];
    445. 

  445.                     var day11 = json["rows"][10]["日期"];
    446. 

  446.                     var day12 = json["rows"][11]["日期"];
    447. 

  447.                     var day13 = json["rows"][12]["日期"];
    448. 

  448.                     var day14 = json["rows"][13]["日期"];
    449. 

  449.                     var day15 = json["rows"][14]["日期"];
    450. 

  450.                     var day16 = json["rows"][15]["日期"];
    451. 

  451.                     var day17 = json["rows"][16]["日期"];
    452. 

  452.                     var day18 = json["rows"][17]["日期"];
    453. 

  453.                     var day19 = json["rows"][18]["日期"];
    454. 

  454.                     var day20 = json["rows"][19]["日期"];
    455. 

  455.                     var day21 = json["rows"][20]["日期"];
    456. 

  456.                     var day22 = json["rows"][21]["日期"];
    457. 

  457.                     var day23 = json["rows"][22]["日期"];
    458. 

  458.                     var day24 = json["rows"][23]["日期"];
    459. 

  459. 

  460.                     window.DayCLH.data.datasets[0].data = [SY1, SY2, SY3, SY4, SY5, SY6, SY7, SY8, SY9, SY10, SY11, SY12, SY13, SY14, SY15, SY16, SY17, SY18, SY19, SY20, SY21, SY22, SY23, SY24];
    461. 

  461.                     window.DayCLH.data.datasets[1].data = [SYX1, SYX2, SYX3, SYX4, SYX5, SYX6, SYX7, SYX8, SYX9, SYX10, SYX11, SYX12, SYX13, SYX14, SYX15, SYX16, SYX17, SYX18, SYX19, SYX20, SYX21, SYX22, SYX23, SYX24];
    462. 

  462.                     window.DayCLH.data.labels = [day1, day2, day3, day4, day5, day6, day7, day8, day9, day10, day11, day12, day13, day14, day15, day16, day17, day18, day19, day20, day21, day22, day23, day24];
    463. 

  463.                     window.DayCLH.update();
    464. 

  464.                 }
    465. 

  465.             });
    466. 

  466.         }
    467. 

  467.         //吹尘工号产量
    468. 

  468.         function CCData() {
    469. 

  469.             $.get("demo.ashx?m=cc", function (data) {
    470. 

  470.                 var json = JSON.parse(data);
    471. 

  471.                 let a = [];
    472. 

  472.                 let b = [];
    473. 

  473.                 if (json["success"] == true) {
    474. 

  474.                     //var num = parseInt(json["rows"][0]["ROWNUM"]);
    475. 

  475.                     var num = parseInt(json["rows"].length);
    476. 

  476.                     for (var i = 0; i < num; i++) {
    477. 

  477.                         a.push(parseInt(json["rows"][i]["产量"]));
    478. 

  478.                         b.push(json["rows"][i]["日期"]);
    479. 

  479.                     }
    480. 

  480.                     window.DayCC.data.datasets[0].data = a;
    481. 

  481.                     window.DayCC.data.labels = b;
    482. 

  482.                     window.DayCC.update();
    483. 

  483.                 }
    484. 

  484.             });
    485. 

  485.         }
    486. 

  486. 

  487.         //施釉工号产量
    488. 

  488.         function ClData() {
    489. 

  489.             $.get("demo.ashx?m=cl", function (data) {
    490. 

  490.                 var json = JSON.parse(data);
    491. 

  491.                 let a = [];
    492. 

  492.                 let b = [];
    493. 

  493.                 if (json["success"] == true) {
    494. 

  494.                     //var num = parseInt(json["rows"][0]["ROWNUM"]);
    495. 

  495.                     var num = parseInt(json["rows"].length);
    496. 

  496.                     for (var i = 0; i < num; i++) {
    497. 

  497.                         a.push(parseInt(json["rows"][i]["产量"]));
    498. 

  498.                         b.push(json["rows"][i]["工号"]);
    499. 

  499.                     }
    500. 

  500.                     window.DayCL.data.datasets[0].data = a;
    501. 

  501.                     window.DayCL.data.labels = b;
    502. 

  502.                     window.DayCL.update();
    503. 

  503.                 }
    504. 

  504.             });
    505. 

  505.         }
    506. 

  506.         /**
    507. 

  507.          * 归属施釉缺陷（今日TOP3）
    508. 

  508. 

  509. * SY001 - SSY005 月成品缺陷(每月TOP5)
    510. 

  510. * SSY002-SSY004 月成品缺陷(每月TOP5)
    511. 

  511. * **/
    512. 

  512.         function DdfectData() {
    513. 

  513.             $.get("demo.ashx?m=defect", function (data) {
    514. 

  514.                 var json = JSON.parse(data);
    515. 

  515.                 let a1 = [];
    516. 

  516.                 let b1 = [];
    517. 

  517.                 let a2 = [];
    518. 

  518.                 let b2 = [];
    519. 

  519.                 let a3 = [];
    520. 

  520.                 let b3 = [];
    521. 

  521.                 if (json["success"] == true) {
    522. 

  522.                     //var num = parseInt(json["rows"][0]["ROWNUM"]);
    523. 

  523.                     //归属施釉缺陷（今日TOP3）数据装载
    524. 

  524.                     var num1 = parseInt(json["rows"]["Table1"].length);
    525. 

  525.                     for (var i = 0; i < num1; i++) {
    526. 

  526.                         a1.push(parseInt(json["rows"]["Table1"][i]["数量"]));
    527. 

  527.                         b1.push(json["rows"]["Table1"][i]["缺陷名称"]);
    528. 

  528.                     }
    529. 

  529.                     window.DefectA.data.datasets[0].data = a1;
    530. 

  530.                     window.DefectA.data.labels = b1;
    531. 

  531.                     window.DefectA.update();
    532. 

  532.                     //SSY001-SSY005 月成品缺陷(每月TOP5)数据装载
    533. 

  533.                     var num2 = parseInt(json["rows"]["Table2"].length);
    534. 

  534.                     for (var i = 0; i < num2; i++) {
    535. 

  535.                         a2.push(parseInt(json["rows"]["Table2"][i]["数量"]));
    536. 

  536.                         b2.push(json["rows"]["Table2"][i]["缺陷名称"]);
    537. 

  537.                     }
    538. 

  538.                     window.DefectC.data.datasets[0].data = a2;
    539. 

  539.                     window.DefectC.data.labels = b2;
    540. 

  540.                     window.DefectC.update();
    541. 

  541.                     //SSY002-SSY004 月成品缺陷(每月TOP5)数据装载
    542. 

  542.                     var num3 = parseInt(json["rows"]["Table3"].length);
    543. 

  543. 

  544.                     for (var i = 0; i < num3; i++) {
    545. 

  545.                         a3.push(parseInt(json["rows"]["Table3"][i]["数量"]));
    546. 

  546.                         b3.push(json["rows"]["Table3"][i]["缺陷名称"]);
    547. 

  547.                     }
    548. 

  548.                     window.DefectD.data.datasets[0].data = a3;
    549. 

  549.                     window.DefectD.data.labels = b3;
    550. 

  550.                     window.DefectD.update();
    551. 

  551.                 }
    552. 

  552. 

  553.             });
    554. 

  554.         }
    555. 

  555. 

  556.         function DdfectDataB() {
    557. 

  557.             $.get("demo.ashx?m=defectb", function (data) {
    558. 

  558.                 var json = JSON.parse(data);
    559. 

  559.                 if (json["success"] == true) {
    560. 

  560.                     var count1 = parseFloat(json["rows"][0]["数量"]);
    561. 

  561.                     var count2 = parseFloat(json["rows"][1]["数量"]);
    562. 

  562.                     var goodtype1 = json["rows"][0]["产品类别"];
    563. 

  563.                     var goodtype2 = json["rows"][1]["产品类别"];
    564. 

  564.                     window.DefectB.data.datasets[0].data = [count1, count2];
    565. 

  565.                     window.DefectB.data.labels = [goodtype1, goodtype2]
    566. 

  566.                     window.DefectB.update();
    567. 

  567.                 }
    568. 

  568.             });
    569. 

  569.         }
    570. 

  570. 

  571. 

  572.         function initData() {
    573. 

  573.             window.chartColors = {
    574. 

  574.                 red: 'rgb(255, 99, 132)',
    575. 

  575.                 orange: 'rgb(255, 159, 64)',
    576. 

  576.                 yellow: 'rgb(255, 250, 86)',
    577. 

  577.                 green: 'rgb(75, 192, 192)',
    578. 

  578.                 blue: 'rgb(54, 162, 250)',
    579. 

  579.                 purple: 'rgb(153, 102, 255)',
    580. 

  580.                 grey: 'rgb(231,233,237)'
    581. 

  581.             };
    582. 

  582. 

  583.             var color = Chart.helpers.color;
    584. 

  584. 

  585.             window.randomScalingFactor = function (num) {
    586. 

  586.                 return Math.round(Math.random() * num);
    587. 

  587.             }
    588. 

  588. 

  589.             Chart.defaults.global.defaultFontColor = 'white';
    590. 

  590.             Chart.defaults.global.defaultFontSize = 18;
    591. 

  591.             Chart.defaults.global.legend.display = false;
    592. 

  592. 

  593.             //半检一检各项趋势图=====================================
    594. 

  594. 

  595.             window.configDayZLA = {
    596. 

  596.                 data: {
    597. 

  597.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    598. 

  598.                     datasets: [{
    599. 

  599.                         type: 'line',
    600. 

  600.                         label: "合格率",
    601. 

  601.                         yAxesGroup: 'A',
    602. 

  602.                         yAxisID: 'A',
    603. 

  603.                         backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
    604. 

  604.                         borderColor: window.chartColors.red,
    605. 

  605.                         borderWidth: 2,
    606. 

  606.                         pointRadius: 15,
    607. 

  607.                         data: [0, 0, 0, 0, 0, 0, 0],
    608. 

  608.                         fill: false
    609. 

  609.                     }, {
    610. 

  610.                         label: '产量',
    611. 

  611.                         yAxesGroup: 'B',
    612. 

  612.                         yAxisID: 'B',
    613. 

  613.                         backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
    614. 

  614.                         borderColor: window.chartColors.blue,
    615. 

  615.                         borderWidth: 1,
    616. 

  616.                         data: [0, 0, 0, 0, 0, 0, 0],
    617. 

  617.                         fill: false
    618. 

  618.                     }]
    619. 

  619.                 },
    620. 

  620.                 type: 'bar',
    621. 

  621.                 options: {
    622. 

  622.                     legend: {
    623. 

  623.                         display: true
    624. 

  624.                     },
    625. 

  625.                     title: {
    626. 

  626.                         display: false,
    627. 

  627.                         text: '质量统计'
    628. 

  628.                     },
    629. 

  629.                     tooltips: {
    630. 

  630.                         mode: 'index',
    631. 

  631.                         intersect: false,
    632. 

  632.                     },
    633. 

  633.                     hover: {
    634. 

  634.                         mode: 'nearest',
    635. 

  635.                         intersect: true
    636. 

  636.                     },
    637. 

  637.                     scales: {
    638. 

  638.                         xAxes: [{
    639. 

  639.                             display: true,
    640. 

  640.                             scaleLabel: {
    641. 

  641.                                 display: false,
    642. 

  642.                                 labelString: ''
    643. 

  643.                             }
    644. 

  644.                         }],
    645. 

  645.                         yAxes: [{
    646. 

  646.                             display: true,
    647. 

  647.                             id: 'B',
    648. 

  648.                             name: 'B',
    649. 

  649.                             scalePositionLeft: true,
    650. 

  650.                             position: 'left',
    651. 

  651.                             scaleLabel: {
    652. 

  652.                                 display: false,
    653. 

  653.                                 labelString: 'Value'
    654. 

  654.                             },
    655. 

  655.                             ticks: {
    656. 

  656.                                 min: 0,
    657. 

  657.                                 stepSize: 500,
    658. 

  658.                                 max: 3000
    659. 

  659.                             }
    660. 

  660.                         }
    661. 

  661.                             , {
    662. 

  662.                             display: true,
    663. 

  663.                             id: 'A',
    664. 

  664.                             name: 'A',
    665. 

  665.                             scalePositionLeft: false,
    666. 

  666.                             position: 'right',
    667. 

  667.                             scaleLabel: {
    668. 

  668.                                 display: false,
    669. 

  669.                                 labelString: 'Value2'
    670. 

  670.                             },
    671. 

  671.                             ticks: {
    672. 

  672.                                 min: 80,
    673. 

  673.                                 stepSize: 5,
    674. 

  674.                                 max: 100
    675. 

  675.                             }
    676. 

  676.                         }]
    677. 

  677.                     }
    678. 

  678.                 }
    679. 

  679. 

  680.             };
    681. 

  681.             var ctxDayZLA = document.getElementById("canvasDayZLA").getContext("2d");
    682. 

  682.             window.DayZLA = new Chart(ctxDayZLA, configDayZLA);
    683. 

  683.             window.configDayZLB = {
    684. 

  684.                 data: {
    685. 

  685.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    686. 

  686.                     datasets: [{
    687. 

  687.                         type: 'line',
    688. 

  688.                         label: "合格率",
    689. 

  689.                         yAxesGroup: 'A',
    690. 

  690.                         yAxisID: 'A',
    691. 

  691.                         backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
    692. 

  692.                         borderColor: window.chartColors.red,
    693. 

  693.                         borderWidth: 2,
    694. 

  694.                         pointRadius: 15,
    695. 

  695.                         data: [0, 0, 0, 0, 0, 0, 0],
    696. 

  696.                         fill: false
    697. 

  697.                     }, {
    698. 

  698.                         label: '产量',
    699. 

  699.                         yAxesGroup: 'B',
    700. 

  700.                         yAxisID: 'B',
    701. 

  701.                         backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
    702. 

  702.                         borderColor: window.chartColors.blue,
    703. 

  703.                         borderWidth: 1,
    704. 

  704.                         data: [0, 0, 0, 0, 0, 0, 0],
    705. 

  705.                         fill: false
    706. 

  706.                     }]
    707. 

  707.                 },
    708. 

  708.                 type: 'bar',
    709. 

  709.                 options: {
    710. 

  710.                     legend: {
    711. 

  711.                         display: true
    712. 

  712.                     },
    713. 

  713.                     title: {
    714. 

  714.                         display: false,
    715. 

  715.                         text: '质量统计'
    716. 

  716.                     },
    717. 

  717.                     tooltips: {
    718. 

  718.                         mode: 'index',
    719. 

  719.                         intersect: false,
    720. 

  720.                     },
    721. 

  721.                     hover: {
    722. 

  722.                         mode: 'nearest',
    723. 

  723.                         intersect: true
    724. 

  724.                     },
    725. 

  725.                     scales: {
    726. 

  726.                         xAxes: [{
    727. 

  727.                             display: true,
    728. 

  728.                             scaleLabel: {
    729. 

  729.                                 display: false,
    730. 

  730.                                 labelString: ''
    731. 

  731.                             }
    732. 

  732.                         }],
    733. 

  733.                         yAxes: [{
    734. 

  734.                             display: true,
    735. 

  735.                             id: 'B',
    736. 

  736.                             name: 'B',
    737. 

  737.                             scalePositionLeft: true,
    738. 

  738.                             position: 'left',
    739. 

  739.                             scaleLabel: {
    740. 

  740.                                 display: false,
    741. 

  741.                                 labelString: 'Value'
    742. 

  742.                             },
    743. 

  743.                             ticks: {
    744. 

  744.                                 min: 0,
    745. 

  745.                                 stepSize: 15000,
    746. 

  746.                                 max: 90000
    747. 

  747.                             }
    748. 

  748. 

  749.                         }
    750. 

  750.                             , {
    751. 

  751.                             display: true,
    752. 

  752.                             id: 'A',
    753. 

  753.                             name: 'A',
    754. 

  754.                             scalePositionLeft: false,
    755. 

  755.                             position: 'right',
    756. 

  756.                             scaleLabel: {
    757. 

  757.                                 display: false,
    758. 

  758.                                 labelString: 'Value2'
    759. 

  759.                             },
    760. 

  760.                             ticks: {
    761. 

  761.                                 min: 80,
    762. 

  762.                                 stepSize: 5,
    763. 

  763.                                 max: 100
    764. 

  764.                             }
    765. 

  765.                         }]
    766. 

  766.                     }
    767. 

  767.                 }
    768. 

  768. 

  769.             };
    770. 

  770.             var ctxDayZLB = document.getElementById("canvasDayZLB").getContext("2d");
    771. 

  771.             window.DayZLB = new Chart(ctxDayZLB, configDayZLB);
    772. 

  772.             window.configDayZLC = {
    773. 

  773.                 data: {
    774. 

  774.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    775. 

  775.                     datasets: [{
    776. 

  776.                         type: 'line',
    777. 

  777.                         label: "合格率",
    778. 

  778.                         yAxesGroup: 'A',
    779. 

  779.                         yAxisID: 'A',
    780. 

  780.                         backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
    781. 

  781.                         borderColor: window.chartColors.red,
    782. 

  782.                         borderWidth: 2,
    783. 

  783.                         pointRadius: 15,
    784. 

  784.                         data: [0, 0, 0, 0, 0, 0, 0],
    785. 

  785.                         fill: false
    786. 

  786.                     }, {
    787. 

  787.                         label: '产量',
    788. 

  788.                         yAxesGroup: 'B',
    789. 

  789.                         yAxisID: 'B',
    790. 

  790.                         backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
    791. 

  791.                         borderColor: window.chartColors.blue,
    792. 

  792.                         borderWidth: 1,
    793. 

  793.                         data: [0, 0, 0, 0, 0, 0, 0],
    794. 

  794.                         fill: false
    795. 

  795.                     }]
    796. 

  796.                 },
    797. 

  797.                 type: 'bar',
    798. 

  798.                 options: {
    799. 

  799.                     legend: {
    800. 

  800.                         display: true
    801. 

  801.                     },
    802. 

  802.                     title: {
    803. 

  803.                         display: false,
    804. 

  804.                         text: '质量统计'
    805. 

  805.                     },
    806. 

  806.                     tooltips: {
    807. 

  807.                         mode: 'index',
    808. 

  808.                         intersect: false,
    809. 

  809.                     },
    810. 

  810.                     hover: {
    811. 

  811.                         mode: 'nearest',
    812. 

  812.                         intersect: true
    813. 

  813.                     },
    814. 

  814.                     scales: {
    815. 

  815.                         xAxes: [{
    816. 

  816.                             display: true,
    817. 

  817.                             scaleLabel: {
    818. 

  818.                                 display: false,
    819. 

  819.                                 labelString: ''
    820. 

  820.                             }
    821. 

  821.                         }],
    822. 

  822.                         yAxes: [{
    823. 

  823.                             display: true,
    824. 

  824.                             id: 'B',
    825. 

  825.                             name: 'B',
    826. 

  826.                             scalePositionLeft: true,
    827. 

  827.                             position: 'left',
    828. 

  828.                             scaleLabel: {
    829. 

  829.                                 display: false,
    830. 

  830.                                 labelString: 'Value'
    831. 

  831.                             },
    832. 

  832.                             ticks: {
    833. 

  833.                                 min: 0,
    834. 

  834.                                 stepSize: 500,
    835. 

  835.                                 max: 3000
    836. 

  836.                             }
    837. 

  837.                         }
    838. 

  838.                             , {
    839. 

  839.                             display: true,
    840. 

  840.                             id: 'A',
    841. 

  841.                             name: 'A',
    842. 

  842.                             scalePositionLeft: false,
    843. 

  843.                             position: 'right',
    844. 

  844.                             scaleLabel: {
    845. 

  845.                                 display: false,
    846. 

  846.                                 labelString: 'Value2'
    847. 

  847.                             },
    848. 

  848.                             ticks: {
    849. 

  849.                                 min: 80,
    850. 

  850.                                 stepSize: 5,
    851. 

  851.                                 max: 100
    852. 

  852.                             }
    853. 

  853.                         }]
    854. 

  854.                     }
    855. 

  855.                 }
    856. 

  856. 

  857.             };
    858. 

  858.             var ctxDayZLC = document.getElementById("canvasDayZLC").getContext("2d");
    859. 

  859.             window.DayZLC = new Chart(ctxDayZLC, configDayZLC);
    860. 

  860.             window.configDayZL = {
    861. 

  861.                 data: {
    862. 

  862.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    863. 

  863.                     datasets: [{
    864. 

  864.                         type: 'line',
    865. 

  865.                         label: "合格率",
    866. 

  866.                         yAxesGroup: 'A',
    867. 

  867.                         yAxisID: 'A',
    868. 

  868.                         backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
    869. 

  869.                         borderColor: window.chartColors.red,
    870. 

  870.                         borderWidth: 2,
    871. 

  871.                         pointRadius: 15,
    872. 

  872.                         data: [0, 0, 0, 0, 0, 0, 0],
    873. 

  873.                         fill: false
    874. 

  874.                     }, {
    875. 

  875.                         label: '产量',
    876. 

  876.                         yAxesGroup: 'B',
    877. 

  877.                         yAxisID: 'B',
    878. 

  878.                         backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
    879. 

  879.                         borderColor: window.chartColors.blue,
    880. 

  880.                         borderWidth: 1,
    881. 

  881.                         data: [0, 0, 0, 0, 0, 0, 0],
    882. 

  882.                         fill: false
    883. 

  883.                     }]
    884. 

  884.                 },
    885. 

  885.                 type: 'bar',
    886. 

  886.                 options: {
    887. 

  887.                     legend: {
    888. 

  888.                         display: true
    889. 

  889.                     },
    890. 

  890.                     title: {
    891. 

  891.                         display: false,
    892. 

  892.                         text: '质量统计'
    893. 

  893.                     },
    894. 

  894.                     tooltips: {
    895. 

  895.                         mode: 'index',
    896. 

  896.                         intersect: false,
    897. 

  897.                     },
    898. 

  898.                     hover: {
    899. 

  899.                         mode: 'nearest',
    900. 

  900.                         intersect: true
    901. 

  901.                     },
    902. 

  902.                     scales: {
    903. 

  903.                         xAxes: [{
    904. 

  904.                             display: true,
    905. 

  905.                             scaleLabel: {
    906. 

  906.                                 display: false,
    907. 

  907.                                 labelString: ''
    908. 

  908.                             }
    909. 

  909.                         }],
    910. 

  910.                         yAxes: [{
    911. 

  911.                             display: true,
    912. 

  912.                             id: 'B',
    913. 

  913.                             name: 'B',
    914. 

  914.                             scalePositionLeft: true,
    915. 

  915.                             position: 'left',
    916. 

  916.                             scaleLabel: {
    917. 

  917.                                 display: false,
    918. 

  918.                                 labelString: 'Value'
    919. 

  919.                             },
    920. 

  920.                             ticks: {
    921. 

  921.                                 min: 0,
    922. 

  922.                                 stepSize: 500,
    923. 

  923.                                 max: 3000
    924. 

  924.                             }
    925. 

  925.                         }
    926. 

  926.                             , {
    927. 

  927.                             display: true,
    928. 

  928.                             id: 'A',
    929. 

  929.                             name: 'A',
    930. 

  930.                             scalePositionLeft: false,
    931. 

  931.                             position: 'right',
    932. 

  932.                             scaleLabel: {
    933. 

  933.                                 display: false,
    934. 

  934.                                 labelString: 'Value2'
    935. 

  935.                             },
    936. 

  936.                             ticks: {
    937. 

  937.                                 min: 80,
    938. 

  938.                                 stepSize: 5,
    939. 

  939.                                 max: 100
    940. 

  940.                             }
    941. 

  941.                         }]
    942. 

  942.                     }
    943. 

  943.                 }
    944. 

  944. 

  945.             };
    946. 

  946.             var ctxDayZL = document.getElementById("canvasDayZL").getContext("2d");
    947. 

  947.             window.DayZL = new Chart(ctxDayZL, configDayZL);
    948. 

  948.             //===================================================
    949. 

  949. 

  950.             //归属施釉缺陷（今日TOP3===========================================
    951. 

  951.             window.configDefectA = {
    952. 

  952.                 data: {
    953. 

  953.                     labels: ['1', '2', '3'],
    954. 

  954.                     datasets: [{
    955. 

  955.                         label: '工序',
    956. 

  956.                         backgroundColor: [
    957. 

  957.                             color(window.chartColors.red).alpha(0.35).rgbString(),
    958. 

  958.                             color(window.chartColors.blue).alpha(0.35).rgbString(),
    959. 

  959.                             color(window.chartColors.green).alpha(0.35).rgbString(),
    960. 

  960.                             color(window.chartColors.orange).alpha(0.35).rgbString(),
    961. 

  961.                             color(window.chartColors.purple).alpha(0.35).rgbString()
    962. 

  962.                         ],
    963. 

  963.                         fill: false,
    964. 

  964.                         borderColor: [
    965. 

  965.                             window.chartColors.red,
    966. 

  966.                             window.chartColors.blue,
    967. 

  967.                             window.chartColors.green,
    968. 

  968.                             window.chartColors.orange,
    969. 

  969.                             window.chartColors.purple
    970. 

  970.                         ],
    971. 

  971.                         borderWidth: 2,
    972. 

  972.                         pointRadius: 30,
    973. 

  973.                         data: [0, 0, 0]
    974. 

  974.                     }]
    975. 

  975.                 },
    976. 

  976.                 type: 'pie',
    977. 

  977.                 options: {
    978. 

  978.                     legend: {
    979. 

  979.                         display: true
    980. 

  980.                     },
    981. 

  981.                     title: {
    982. 

  982.                         display: false,
    983. 

  983.                         text: "甲班缺陷"
    984. 

  984.                     },
    985. 

  985.                     tooltips: {
    986. 

  986.                         mode: 'point',
    987. 

  987.                         intersect: false
    988. 

  988.                     },
    989. 

  989.                     responsive: true
    990. 

  990. 

  991.                 }
    992. 

  992.             };
    993. 

  993.             var ctxDefectA = document.getElementById("canvasDefectA").getContext("2d");
    994. 

  994.             window.DefectA = new Chart(ctxDefectA, configDefectA);
    995. 

  995.             //SSY001-SSY005 月成品缺陷(每月TOP5)===========================================
    996. 

  996.             window.configDefectC = {
    997. 

  997.                 data: {
    998. 

  998.                     labels: ['1', '2', '3', '4', '5'],
    999. 

  999.                     datasets: [{
    1000. 

  1000.                         label: '工序',
    1001. 

  1001.                         backgroundColor: [
    1002. 

  1002.                             color(window.chartColors.red).alpha(0.35).rgbString(),
    1003. 

  1003.                             color(window.chartColors.blue).alpha(0.35).rgbString(),
    1004. 

  1004.                             color(window.chartColors.green).alpha(0.35).rgbString(),
    1005. 

  1005.                             color(window.chartColors.orange).alpha(0.35).rgbString(),
    1006. 

  1006.                             color(window.chartColors.purple).alpha(0.35).rgbString()
    1007. 

  1007.                         ],
    1008. 

  1008.                         fill: false,
    1009. 

  1009.                         borderColor: [
    1010. 

  1010.                             window.chartColors.red,
    1011. 

  1011.                             window.chartColors.blue,
    1012. 

  1012.                             window.chartColors.green,
    1013. 

  1013.                             window.chartColors.orange,
    1014. 

  1014.                             window.chartColors.purple
    1015. 

  1015.                         ],
    1016. 

  1016.                         borderWidth: 2,
    1017. 

  1017.                         pointRadius: 30,
    1018. 

  1018.                         data: [0, 0, 0, 0, 0]
    1019. 

  1019.                     }]
    1020. 

  1020.                 },
    1021. 

  1021.                 type: 'pie',
    1022. 

  1022.                 options: {
    1023. 

  1023.                     legend: {
    1024. 

  1024.                         display: true
    1025. 

  1025.                     },
    1026. 

  1026.                     title: {
    1027. 

  1027.                         display: false,
    1028. 

  1028.                         text: "甲班缺陷"
    1029. 

  1029.                     },
    1030. 

  1030.                     tooltips: {
    1031. 

  1031.                         mode: 'point',
    1032. 

  1032.                         intersect: false
    1033. 

  1033.                     },
    1034. 

  1034.                     responsive: true
    1035. 

  1035. 

  1036.                 }
    1037. 

  1037.             };
    1038. 

  1038.             var ctxDefectC = document.getElementById("canvasDefectC").getContext("2d");
    1039. 

  1039.             window.DefectC = new Chart(ctxDefectC, configDefectC);
    1040. 

  1040.             //SSY002-SSY004 月成品缺陷(每月TOP5)==============================================
    1041. 

  1041.             window.configDefectD = {
    1042. 

  1042.                 data: {
    1043. 

  1043.                     labels: ['1', '2', '3', '4', '5'],
    1044. 

  1044.                     datasets: [{
    1045. 

  1045.                         label: '工序',
    1046. 

  1046.                         backgroundColor: [
    1047. 

  1047.                             color(window.chartColors.red).alpha(0.35).rgbString(),
    1048. 

  1048.                             color(window.chartColors.blue).alpha(0.35).rgbString(),
    1049. 

  1049.                             color(window.chartColors.green).alpha(0.35).rgbString(),
    1050. 

  1050.                             color(window.chartColors.orange).alpha(0.35).rgbString(),
    1051. 

  1051.                             color(window.chartColors.purple).alpha(0.35).rgbString()
    1052. 

  1052.                         ],
    1053. 

  1053.                         fill: false,
    1054. 

  1054.                         borderColor: [
    1055. 

  1055.                             window.chartColors.red,
    1056. 

  1056.                             window.chartColors.blue,
    1057. 

  1057.                             window.chartColors.green,
    1058. 

  1058.                             window.chartColors.orange,
    1059. 

  1059.                             window.chartColors.purple
    1060. 

  1060.                         ],
    1061. 

  1061.                         borderWidth: 2,
    1062. 

  1062.                         pointRadius: 30,
    1063. 

  1063.                         data: [0, 0, 0, 0, 0]
    1064. 

  1064.                     }]
    1065. 

  1065.                 },
    1066. 

  1066.                 type: 'pie',
    1067. 

  1067.                 options: {
    1068. 

  1068.                     legend: {
    1069. 

  1069.                         display: true
    1070. 

  1070.                     },
    1071. 

  1071.                     title: {
    1072. 

  1072.                         display: false,
    1073. 

  1073.                         text: "甲班缺陷"
    1074. 

  1074.                     },
    1075. 

  1075.                     tooltips: {
    1076. 

  1076.                         mode: 'point',
    1077. 

  1077.                         intersect: false
    1078. 

  1078.                     },
    1079. 

  1079.                     responsive: true
    1080. 

  1080. 

  1081.                 }
    1082. 

  1082.             };
    1083. 

  1083.             var ctxDefectD = document.getElementById("canvasDefectD").getContext("2d");
    1084. 

  1084.             window.DefectD = new Chart(ctxDefectD, configDefectD);
    1085. 

  1085.             //===================================================
    1086. 

  1086. 

  1087.             //成检缺陷TOP5===========================================
    1088. 

  1088.             window.configDefectB = {
    1089. 

  1089.                 data: {
    1090. 

  1090.                     labels: ['缺陷1', '缺陷2', '缺陷3'],
    1091. 

  1091.                     datasets: [{
    1092. 

  1092.                         label: '工序',
    1093. 

  1093.                         backgroundColor: [
    1094. 

  1094.                             color(window.chartColors.red).alpha(0.35).rgbString(),
    1095. 

  1095.                             color(window.chartColors.blue).alpha(0.35).rgbString(),
    1096. 

  1096.                             color(window.chartColors.green).alpha(0.35).rgbString(),
    1097. 

  1097.                             color(window.chartColors.orange).alpha(0.35).rgbString(),
    1098. 

  1098.                             color(window.chartColors.purple).alpha(0.35).rgbString()
    1099. 

  1099.                         ],
    1100. 

  1100.                         fill: false,
    1101. 

  1101.                         borderColor: [
    1102. 

  1102.                             window.chartColors.red,
    1103. 

  1103.                             window.chartColors.blue,
    1104. 

  1104.                             window.chartColors.green,
    1105. 

  1105.                             window.chartColors.orange,
    1106. 

  1106.                             window.chartColors.purple
    1107. 

  1107.                         ],
    1108. 

  1108.                         borderWidth: 2,
    1109. 

  1109.                         pointRadius: 30,
    1110. 

  1110.                         data: [0, 0, 0]
    1111. 

  1111.                     }]
    1112. 

  1112.                 },
    1113. 

  1113.                 type: 'pie',
    1114. 

  1114.                 options: {
    1115. 

  1115.                     legend: {
    1116. 

  1116.                         display: true
    1117. 

  1117.                     },
    1118. 

  1118.                     title: {
    1119. 

  1119.                         display: false,
    1120. 

  1120.                         text: "甲班缺陷"
    1121. 

  1121.                     },
    1122. 

  1122.                     tooltips: {
    1123. 

  1123.                         mode: 'point',
    1124. 

  1124.                         intersect: false
    1125. 

  1125.                     },
    1126. 

  1126.                     responsive: true
    1127. 

  1127. 

  1128.                 }
    1129. 

  1129.             };
    1130. 

  1130.             var ctxDefectB = document.getElementById("canvasDefectB").getContext("2d");
    1131. 

  1131.             window.DefectB = new Chart(ctxDefectB, configDefectB);
    1132. 

  1132.             //===================================================
    1133. 

  1133. 

  1134. 

  1135.             //侧漏气产量柱状图=====================================
    1136. 

  1136.             window.canvasDayCL = {
    1137. 

  1137.                 data: {
    1138. 

  1138.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    1139. 

  1139.                     datasets: [
    1140. 

  1140.                         {
    1141. 

  1141.                             label: "产量",
    1142. 

  1142.                             fill: false,
    1143. 

  1143.                             backgroundColor: color(window.chartColors.blue).alpha(0.6).rgbString(),
    1144. 

  1144.                             borderColor: window.chartColors.blue,
    1145. 

  1145.                             borderWidth: 2,
    1146. 

  1146.                             pointRadius: 15,
    1147. 

  1147.                             data: [0, 0, 0, 0, 0, 0, 0, 0]
    1148. 

  1148.                         }
    1149. 

  1149.                     ]
    1150. 

  1150.                 },
    1151. 

  1151.                 type: 'bar',
    1152. 

  1152.                 options: {
    1153. 

  1153.                     legend: {
    1154. 

  1154.                         display: true
    1155. 

  1155.                     },
    1156. 

  1156.                     title: {
    1157. 

  1157.                         display: true,
    1158. 

  1158.                         text: ""
    1159. 

  1159.                     },
    1160. 

  1160.                     tooltips: {
    1161. 

  1161.                         mode: 'point',
    1162. 

  1162.                         intersect: false
    1163. 

  1163.                     },
    1164. 

  1164.                     responsive: true,
    1165. 

  1165.                     scales: {
    1166. 

  1166.                         xAxes: [{
    1167. 

  1167.                             stacked: false,
    1168. 

  1168.                             barThickness: 40
    1169. 

  1169.                         }],
    1170. 

  1170.                         yAxes: [{
    1171. 

  1171.                             display: true,
    1172. 

  1172.                             stacked: false,
    1173. 

  1173.                             ticks: {
    1174. 

  1174.                                 min: 0,
    1175. 

  1175.                                 //stepSize: 200,
    1176. 

  1176.                                 //max: 1000
    1177. 

  1177.                             }
    1178. 

  1178.                         }]
    1179. 

  1179.                     }
    1180. 

  1180. 

  1181.                 }
    1182. 

  1182.             };
    1183. 

  1183.             var ctxDayCL = document.getElementById("canvasDayCL").getContext("2d");
    1184. 

  1184.             window.DayCL = new Chart(ctxDayCL, canvasDayCL);
    1185. 

  1185.             //===================================================
    1186. 

  1186. 

  1187.             //每小时产量=========================================
    1188. 

  1188.             window.canvasHourCL = {
    1189. 

  1189.                 data: {
    1190. 

  1190.                     labels: [],
    1191. 

  1191.                     datasets: [{
    1192. 

  1192.                         label: "施釉4+1",
    1193. 

  1193.                         fill: false,
    1194. 

  1194.                         backgroundColor: color(window.chartColors.red).alpha(0.6).rgbString(),
    1195. 

  1195.                         borderColor: window.chartColors.red,
    1196. 

  1196.                         borderWidth: 2,
    1197. 

  1197.                         pointRadius: 12,
    1198. 

  1198.                         data: []
    1199. 

  1199.                     }, {
    1200. 

  1200.                         label: "施釉6+1",
    1201. 

  1201.                         fill: false,
    1202. 

  1202.                         backgroundColor: color(window.chartColors.blue).alpha(0.6).rgbString(),
    1203. 

  1203.                         borderColor: window.chartColors.blue,
    1204. 

  1204.                         borderWidth: 2,
    1205. 

  1205.                         pointRadius: 12,
    1206. 

  1206.                         data: []
    1207. 

  1207.                     }]
    1208. 

  1208.                 },
    1209. 

  1209.                 type: 'line',
    1210. 

  1210.                 options: {
    1211. 

  1211.                     responsive: true,
    1212. 

  1212.                     legend: {
    1213. 

  1213.                         display: true
    1214. 

  1214.                     },
    1215. 

  1215.                     title: {
    1216. 

  1216.                         display: true,
    1217. 

  1217.                         text: '每小时产量'
    1218. 

  1218.                     },
    1219. 

  1219.                     tooltips: {
    1220. 

  1220.                         mode: 'index',
    1221. 

  1221.                         intersect: false,
    1222. 

  1222.                     },
    1223. 

  1223.                     hover: {
    1224. 

  1224.                         mode: 'nearest',
    1225. 

  1225.                         intersect: true
    1226. 

  1226.                     },
    1227. 

  1227.                     scales: {
    1228. 

  1228.                         xAxes: [{
    1229. 

  1229.                             display: true,
    1230. 

  1230.                             scaleLabel: {
    1231. 

  1231.                                 display: false,
    1232. 

  1232.                                 labelString: ''
    1233. 

  1233.                             }
    1234. 

  1234.                         }],
    1235. 

  1235.                         yAxes: [{
    1236. 

  1236.                             display: true,
    1237. 

  1237.                             scaleLabel: {
    1238. 

  1238.                                 display: false,
    1239. 

  1239.                                 labelString: 'Value'
    1240. 

  1240.                             },
    1241. 

  1241.                             ticks: {
    1242. 

  1242.                                 min: 0,
    1243. 

  1243.                                 stepSize: 50,
    1244. 

  1244.                                 max: 300
    1245. 

  1245.                             }
    1246. 

  1246.                         }]
    1247. 

  1247.                     }
    1248. 

  1248.                 }
    1249. 

  1249.             };
    1250. 

  1250.             var ctxHourCL = document.getElementById("canvasHourCL").getContext("2d");
    1251. 

  1251.             window.DayCLH = new Chart(ctxHourCL, canvasHourCL);
    1252. 

  1252.             //===================================================
    1253. 

  1253. 

  1254.             //吹尘产量===========================================
    1255. 

  1255.             window.canvasDayCC = {
    1256. 

  1256.                 barWidth: 10,
    1257. 

  1257.                 data: {
    1258. 

  1258.                     barWidth: 10,
    1259. 

  1259.                     labels: ["01", "02", "03", "04", "05", "06", "07"],
    1260. 

  1260.                     datasets: [
    1261. 

  1261.                         {
    1262. 

  1262.                             label: "产量",
    1263. 

  1263.                             fill: false,
    1264. 

  1264.                             backgroundColor: color(window.chartColors.blue).alpha(0.6).rgbString(),
    1265. 

  1265.                             borderColor: window.chartColors.blue,
    1266. 

  1266.                             borderWidth: 2,
    1267. 

  1267.                             pointRadius: 15,
    1268. 

  1268.                             barWidth: 10,
    1269. 

  1269.                             categoryPercentage: 0.5,
    1270. 

  1270.                             data: [0, 0, 0, 0, 0, 0, 0, 0]
    1271. 

  1271.                         }
    1272. 

  1272.                     ]
    1273. 

  1273.                 },
    1274. 

  1274.                 type: 'bar',
    1275. 

  1275.                 barWidth: 10,
    1276. 

  1276.                 options: {
    1277. 

  1277.                     legend: {
    1278. 

  1278.                         display: true
    1279. 

  1279.                     },
    1280. 

  1280.                     barWidth: 10,
    1281. 

  1281.                     title: {
    1282. 

  1282.                         display: true,
    1283. 

  1283.                         text: ""
    1284. 

  1284.                     },
    1285. 

  1285.                     tooltips: {
    1286. 

  1286.                         mode: 'point',
    1287. 

  1287.                         intersect: false
    1288. 

  1288.                     },
    1289. 

  1289.                     responsive: true,
    1290. 

  1290.                     scales: {
    1291. 

  1291.                         xAxes: [{
    1292. 

  1292.                             barWidth: 10,
    1293. 

  1293.                             stacked: false,
    1294. 

  1294.                             barThickness: 40
    1295. 

  1295.                         }],
    1296. 

  1296.                         yAxes: [{
    1297. 

  1297.                             display: true,
    1298. 

  1298.                             stacked: false,
    1299. 

  1299.                             ticks: {
    1300. 

  1300.                                 min: 0,
    1301. 

  1301.                                 //barWidth: 10,
    1302. 

  1302.                                 //stepSize: 200,
    1303. 

  1303.                                 //max: 1000
    1304. 

  1304.                             }
    1305. 

  1305.                         }]
    1306. 

  1306.                     }
    1307. 

  1307. 

  1308.                 }
    1309. 

  1309.             };
    1310. 

  1310.             var ctxDayCC = document.getElementById("canvasDayCC").getContext("2d");
    1311. 

  1311.             window.DayCC = new Chart(ctxDayCC, canvasDayCC);
    1312. 

  1312.             //===================================================
    1313. 

  1313. 

  1314.             //精坯库库存===========================================
    1315. 

  1315.             window.canvasJPKC = {
    1316. 

  1316.                 data: {
    1317. 

  1317.                     labels: ['1', '2', '3'],
    1318. 

  1318.                     datasets: [{
    1319. 

  1319.                         label: '工序',
    1320. 

  1320.                         backgroundColor: [
    1321. 

  1321.                             color(window.chartColors.red).alpha(0.35).rgbString(),
    1322. 

  1322.                             color(window.chartColors.blue).alpha(0.35).rgbString(),
    1323. 

  1323.                             color(window.chartColors.green).alpha(0.35).rgbString(),
    1324. 

  1324.                             color(window.chartColors.orange).alpha(0.35).rgbString(),
    1325. 

  1325.                             color(window.chartColors.purple).alpha(0.35).rgbString()
    1326. 

  1326.                         ],
    1327. 

  1327.                         fill: false,
    1328. 

  1328.                         borderColor: [
    1329. 

  1329.                             window.chartColors.red,
    1330. 

  1330.                             window.chartColors.blue,
    1331. 

  1331.                             window.chartColors.green,
    1332. 

  1332.                             window.chartColors.orange,
    1333. 

  1333.                             window.chartColors.purple
    1334. 

  1334.                         ],
    1335. 

  1335.                         borderWidth: 2,
    1336. 

  1336.                         pointRadius: 30,
    1337. 

  1337.                         data: [0, 0, 0]
    1338. 

  1338.                     }]
    1339. 

  1339.                 },
    1340. 

  1340.                 type: 'pie',
    1341. 

  1341.                 options: {
    1342. 

  1342.                     legend: {
    1343. 

  1343.                         display: true
    1344. 

  1344.                     },
    1345. 

  1345.                     title: {
    1346. 

  1346.                         display: false,
    1347. 

  1347.                         text: "甲班缺陷"
    1348. 

  1348.                     },
    1349. 

  1349.                     tooltips: {
    1350. 

  1350.                         mode: 'point',
    1351. 

  1351.                         intersect: false
    1352. 

  1352.                     },
    1353. 

  1353.                     responsive: true
    1354. 

  1354. 

  1355.                 }
    1356. 

  1356.             };
    1357. 

  1357.             var ctxDefectJpkc = document.getElementById("canvasJPKC").getContext("2d");
    1358. 

  1358.             window.Defectjpkc = new Chart(ctxDefectJpkc, canvasJPKC);
    1359. 

  1359.             //===================================================
    1360. 

  1360.         }
    1361. 

  1361. 

  1362. 

  1363. 

  1364.     </script>
    1365. 

  1365. 

  1366.     <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
    1367. 

  1367.     <script src="/Plugins/chartjs-2.8.0/chartjs-plugin-datalabels.js"></script>
    1368. 

  1368.     <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
    1369. 

  1369.     <script src="/Plugins/circleChart/circleChart.min.js"></script>
    1370. 

  1370. </body>
    1371. 

  1371. </html>
    1372.