You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1243 lines
51 KiB
1243 lines
51 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<style>
|
|
|
|
.Line_Table table {
|
|
margin: 0 auto;
|
|
width: 1000px;
|
|
border-right: 1px solid #000000;
|
|
border-bottom: 1px solid #000000;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.Line_Table table tr {
|
|
height: 50px;
|
|
}
|
|
|
|
.Line_Table table td {
|
|
width: 12%;
|
|
border-left: 1px solid #000000;
|
|
border-top: 1px solid #000000;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
</style>
|
|
<title></title>
|
|
<script src="../Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
|
|
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" />
|
|
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="echar/echarts.min.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div style="float:left;margin-left:0px;width: 100%;margin-top:40px;">
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner" role="listbox">
|
|
<div class="item active">
|
|
<div style="float:left;margin-left:0px;width: 100%;">
|
|
<div id="A_bar1" style="float:left;margin-left:0px;"></div>
|
|
<div id="A_bar2" style="float:left;margin-left:0px;"></div>
|
|
<div id="A_bar3" style="float:left;margin-left:0px;"></div>
|
|
<div id="A_bar4" style="float:left;margin-left:0px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item">
|
|
<div style="float:left;margin-left:0px;width: 100%;">
|
|
<div id="B_bar1" style="float:left;margin-left:0px;"></div>
|
|
<div id="B_bar2" style="float:left;margin-left:0px;"></div>
|
|
<div id="B_bar3" style="float:left;margin-left:0px;"></div>
|
|
<div id="B_bar4" style="float:left;margin-left:0px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item ">
|
|
<div style="float:left;margin-left:0px;width: 100%;text-align: center;font-size:36px;height:50px;font-weight:bolder;">
|
|
<span id="firstOK_title_A"></span>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;width: 100%;margin-top:20px;">
|
|
<div id="LineTable_A" class="Line_Table" style="height:40%;float:left;margin-left:0px;">
|
|
<table>
|
|
<tr>
|
|
<td>S前保</td>
|
|
<td>S后保</td>
|
|
<td>AMG前保</td>
|
|
<td>AMG后保</td>
|
|
<td>S左门槛</td>
|
|
<td>S右门槛</td>
|
|
<td>AMG左门槛</td>
|
|
<td>AMG右门槛</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="LineTable_A_1"></span></td>
|
|
<td><span id="LineTable_A_2"></span></td>
|
|
<td><span id="LineTable_A_3"></span></td>
|
|
<td><span id="LineTable_A_4"></span></td>
|
|
<td><span id="LineTable_A_5"></span></td>
|
|
<td><span id="LineTable_A_6"></span></td>
|
|
<td><span id="LineTable_A_7"></span></td>
|
|
<td><span id="LineTable_A_8"></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="A_Line" style="height:60%;float:left;margin-left:0px;margin-top:100px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item ">
|
|
<div style="float:left;margin-left:0px;width: 100%;text-align: center;font-size:36px;height:50px;font-weight:bolder;">
|
|
<span id="firstOK_title_B"></span>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;width: 100%;margin-top:20px;">
|
|
<div id="LineTable_B" class="Line_Table" style="height:40%;float:left;margin-left:0px;">
|
|
<table>
|
|
<tr>
|
|
<td>S前保</td>
|
|
<td>S后保</td>
|
|
<td>AMG前保</td>
|
|
<td>AMG后保</td>
|
|
<td>S左门槛</td>
|
|
<td>S右门槛</td>
|
|
<td>AMG左门槛</td>
|
|
<td>AMG右门槛</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="LineTable_B_1"></span></td>
|
|
<td><span id="LineTable_B_2"></span></td>
|
|
<td><span id="LineTable_B_3"></span></td>
|
|
<td><span id="LineTable_B_4"></span></td>
|
|
<td><span id="LineTable_B_5"></span></td>
|
|
<td><span id="LineTable_B_6"></span></td>
|
|
<td><span id="LineTable_B_7"></span></td>
|
|
<td><span id="LineTable_B_8"></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="B_Line" style="height:60%;float:left;margin-left:0px;margin-top:100px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item ">
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main1" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main6" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main1_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main2_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main3_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main4_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main5_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main6_2" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main1_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main2_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main3_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main4_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main5_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main6_3" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main1_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main2_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:50px;">
|
|
<div id="main3_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main4_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main5_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;margin-top:100px;">
|
|
<div id="main6_4" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="item">
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main1_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main2_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main3_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main4_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main5_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main6_5" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item ">
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main1_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main2_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main3_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main4_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main5_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main6_6" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item ">
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main1_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main2_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main3_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main4_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main5_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
<div style="float:left;margin-left:0px;">
|
|
<div id="main6_7" style="margin:0 auto;"></div>
|
|
</div>
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
// 基于准备好的dom，初始化echarts实例
|
|
$(function () {
|
|
|
|
//控件大小自适应
|
|
pageSize();
|
|
|
|
//轮播时间间隔设定
|
|
$('.carousel').carousel({
|
|
interval: 5000,
|
|
//interval: 2000,
|
|
pause: false
|
|
});
|
|
|
|
$('#myCarousel').on('slide.bs.carousel', function (event) {
|
|
var $hoder = $('#myCarousel').find('.item'),
|
|
$items = $(event.relatedTarget);
|
|
//getIndex就是轮播到当前位置的索引
|
|
var getIndex = $hoder.index($items);
|
|
switch (getIndex) {
|
|
case 0:
|
|
Show_0();
|
|
break;
|
|
case 1:
|
|
Show_1();
|
|
break;
|
|
case 2:
|
|
Show_2();
|
|
break;
|
|
case 3:
|
|
Show_3();
|
|
break;
|
|
case 4:
|
|
Show_4("颗粒");
|
|
break;
|
|
//case 5:
|
|
// Show_5("浮泡");
|
|
// break;
|
|
case 5:
|
|
Show_5("流挂");
|
|
break;
|
|
case 6:
|
|
Show_6("遮盖不良");
|
|
break;
|
|
//case 8:
|
|
// Show_8("异色");
|
|
// break;
|
|
//case 9:
|
|
// Show_9("水迹");
|
|
// break;
|
|
case 7:
|
|
Show_7("其他");
|
|
break;
|
|
default:
|
|
|
|
}
|
|
|
|
});
|
|
|
|
Show_0();
|
|
|
|
});
|
|
|
|
function Show_0() {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('A_bar1'));
|
|
var myChart2 = echarts.init(document.getElementById('A_bar2'));
|
|
var myChart3 = echarts.init(document.getElementById('A_bar3'));
|
|
var myChart4 = echarts.init(document.getElementById('A_bar4'));
|
|
|
|
myChart1.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart2.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart3.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart4.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetBarDate",
|
|
data: "{'side':'A侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
var obj = objlist[0];
|
|
|
|
myChart1.setOption({
|
|
title: {
|
|
text: obj.text,
|
|
subtext: obj.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
//legend: {
|
|
// data: ['产量']
|
|
//},
|
|
xAxis: {
|
|
data: obj.categories
|
|
},
|
|
//yAxis: {
|
|
// type: 'value',
|
|
// max: 100
|
|
//},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
//name: '产量',
|
|
type: 'bar',
|
|
data: obj.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj2 = objlist[1];
|
|
|
|
myChart2.setOption({
|
|
title: {
|
|
text: obj2.text,
|
|
subtext: obj2.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
xAxis: {
|
|
data: obj2.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
|
|
type: 'bar',
|
|
data: obj2.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj3 = objlist[2];
|
|
myChart3.setOption({
|
|
title: {
|
|
text: obj3.text,
|
|
subtext: obj3.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: obj3.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
|
|
type: 'bar',
|
|
data: obj3.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj4 = objlist[3];
|
|
myChart4.setOption({
|
|
title: {
|
|
text: obj4.text,
|
|
subtext: obj4.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
|
|
xAxis: {
|
|
data: obj4.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
|
|
type: 'bar',
|
|
data: obj4.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_1() {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('B_bar1'));
|
|
var myChart2 = echarts.init(document.getElementById('B_bar2'));
|
|
var myChart3 = echarts.init(document.getElementById('B_bar3'));
|
|
var myChart4 = echarts.init(document.getElementById('B_bar4'));
|
|
|
|
myChart1.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart2.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart3.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
myChart4.setOption({
|
|
title: {
|
|
text: '异步数据加载示例'
|
|
},
|
|
tooltip: {},
|
|
xAxis: {
|
|
data: []
|
|
},
|
|
yAxis: {},
|
|
series: [{
|
|
type: 'bar',
|
|
data: []
|
|
}]
|
|
});
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetBarDate",
|
|
data: "{'side':'B侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
var obj = objlist[0];
|
|
|
|
myChart1.setOption({
|
|
title: {
|
|
text: obj.text,
|
|
subtext: obj.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
//legend: {
|
|
// data: ['产量']
|
|
//},
|
|
xAxis: {
|
|
data: obj.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
//name: '产量',
|
|
type: 'bar',
|
|
data: obj.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj2 = objlist[1];
|
|
|
|
myChart2.setOption({
|
|
title: {
|
|
text: obj2.text,
|
|
subtext: obj2.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
//legend: {
|
|
// data: ['产量']
|
|
//},
|
|
xAxis: {
|
|
data: obj2.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
//name: '产量',
|
|
type: 'bar',
|
|
data: obj2.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj3 = objlist[2];
|
|
myChart3.setOption({
|
|
title: {
|
|
text: obj3.text,
|
|
subtext: obj3.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
//legend: {
|
|
// data: ['产量']
|
|
//},
|
|
xAxis: {
|
|
data: obj3.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
//name: '产量',
|
|
type: 'bar',
|
|
data: obj3.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
|
|
var obj4 = objlist[3];
|
|
myChart4.setOption({
|
|
title: {
|
|
text: obj4.text,
|
|
subtext: obj4.subtext,//副标题文本，'\n'指定换行
|
|
},
|
|
tooltip: {},
|
|
//legend: {
|
|
// data: ['产量']
|
|
//},
|
|
xAxis: {
|
|
data: obj4.categories
|
|
},
|
|
series: [{
|
|
// 根据名字对应到相应的系列
|
|
//name: '产量',
|
|
type: 'bar',
|
|
data: obj4.data,
|
|
itemStyle: { normal: { label: { position: 'top', show: true } } }
|
|
}]
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_2() {
|
|
|
|
$("#firstOK_title_A").text(getUrlParam('pname') + " A侧 一次合格率")
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetLineTable",
|
|
data: "{'side':'A侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
success: function (data) {
|
|
if (data != null && data != "") {
|
|
|
|
var objlist = JSON.parse(data.d);
|
|
|
|
$('#LineTable_A_1').text(objlist[0]);
|
|
$('#LineTable_A_2').text(objlist[1]);
|
|
$('#LineTable_A_3').text(objlist[2]);
|
|
$('#LineTable_A_4').text(objlist[3]);
|
|
$('#LineTable_A_5').text(objlist[4]);
|
|
$('#LineTable_A_6').text(objlist[5]);
|
|
$('#LineTable_A_7').text(objlist[6]);
|
|
$('#LineTable_A_8').text(objlist[7]);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetLineData",
|
|
data: "{'side':'A侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
success: function (data) {
|
|
if (data != null && data != "") {
|
|
|
|
var obj = JSON.parse(data.d);
|
|
|
|
var myChart = echarts.init(document.getElementById('A_Line'));
|
|
|
|
option = {
|
|
/* 鼠标悬浮时显示数据 */
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
}
|
|
},
|
|
legend: {
|
|
left: 'center',
|
|
data: ['一次合格率']
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: obj.categories
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
max: 100
|
|
},
|
|
series: [{
|
|
name: '一次合格率',
|
|
data: obj.data,
|
|
type: 'line',
|
|
itemStyle: { normal: { label: { show: true } } }
|
|
}]
|
|
};
|
|
myChart.setOption(option);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function Show_3() {
|
|
|
|
$("#firstOK_title_B").text(getUrlParam('pname') + " B侧 一次合格率")
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetLineTable",
|
|
data: "{'side':'B侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
success: function (data) {
|
|
if (data != null && data != "") {
|
|
|
|
var objlist = JSON.parse(data.d);
|
|
|
|
$('#LineTable_B_1').text(objlist[0]);
|
|
$('#LineTable_B_2').text(objlist[1]);
|
|
$('#LineTable_B_3').text(objlist[2]);
|
|
$('#LineTable_B_4').text(objlist[3]);
|
|
$('#LineTable_B_5').text(objlist[4]);
|
|
$('#LineTable_B_6').text(objlist[5]);
|
|
$('#LineTable_B_7').text(objlist[6]);
|
|
$('#LineTable_B_8').text(objlist[7]);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetLineData",
|
|
data: "{'side':'B侧','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
success: function (data) {
|
|
if (data != null && data != "") {
|
|
|
|
var obj = JSON.parse(data.d);
|
|
|
|
var myChart = echarts.init(document.getElementById('B_Line'));
|
|
|
|
option = {
|
|
/* 鼠标悬浮时显示数据 */
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
}
|
|
},
|
|
legend: {
|
|
left: 'center',
|
|
data: ['一次合格率']
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: obj.categories
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
max: 100
|
|
},
|
|
series: [{
|
|
name: '一次合格率',
|
|
data: obj.data,
|
|
type: 'line',
|
|
itemStyle: { normal: { label: { show: true } } }
|
|
}]
|
|
};
|
|
myChart.setOption(option);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function Show_4(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1'));
|
|
var myChart2 = echarts.init(document.getElementById('main2'));
|
|
var myChart3 = echarts.init(document.getElementById('main3'));
|
|
var myChart4 = echarts.init(document.getElementById('main4'));
|
|
var myChart5 = echarts.init(document.getElementById('main5'));
|
|
var myChart6 = echarts.init(document.getElementById('main6'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_5(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_2'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_2'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_2'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_2'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_2'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_2'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_6(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_3'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_3'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_3'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_3'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_3'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_3'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_7(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_4'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_4'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_4'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_4'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_4'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_4'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_8(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_5'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_5'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_5'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_5'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_5'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_5'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_9(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_6'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_6'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_6'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_6'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_6'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_6'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function Show_10(reason) {
|
|
|
|
var myChart1 = echarts.init(document.getElementById('main1_7'));
|
|
var myChart2 = echarts.init(document.getElementById('main2_7'));
|
|
var myChart3 = echarts.init(document.getElementById('main3_7'));
|
|
var myChart4 = echarts.init(document.getElementById('main4_7'));
|
|
var myChart5 = echarts.init(document.getElementById('main5_7'));
|
|
var myChart6 = echarts.init(document.getElementById('main6_7'));
|
|
|
|
$.ajax({
|
|
url: "../Manage/AnalysisApi.aspx/GetPieData",
|
|
data: "{'reason':'" + reason + "','ProductName':'" + getUrlParam('pname') + "'}",
|
|
datatype: 'json',
|
|
type: "Post",
|
|
contentType: "application/json; charset=utf-8",
|
|
async: false,
|
|
success: function (result) {
|
|
if (result) {
|
|
|
|
var objlist = JSON.parse(result.d);
|
|
setPieDate(objlist[0], myChart1);
|
|
setPieDate(objlist[1], myChart2);
|
|
setPieDate(objlist[2], myChart3);
|
|
setPieDate(objlist[3], myChart4);
|
|
setPieDate(objlist[4], myChart5);
|
|
setPieDate(objlist[5], myChart6);
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function getUrlParam(name) {
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
|
if (r != null) return unescape(r[2]); return null; //返回参数值
|
|
}
|
|
function setPieDate(obj, myChart) {
|
|
|
|
myChart.setOption({
|
|
title: {
|
|
text: obj.text,
|
|
subtext: '',
|
|
x: 'center'
|
|
},
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
|
},
|
|
series: [
|
|
{
|
|
name: '缺陷',
|
|
type: 'pie',
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
textStyle: {
|
|
fontWeight: 300,
|
|
fontSize: 12 //文字的字体大小
|
|
},
|
|
formatter: '{b}\n\r{d}%'
|
|
}
|
|
},
|
|
labelLine: {
|
|
normal: {
|
|
show: true
|
|
}
|
|
},
|
|
data: obj.data
|
|
}
|
|
]
|
|
});
|
|
}
|
|
|
|
function pageSize() {
|
|
$("#A_bar1").width((window.innerWidth / 2) - 50);
|
|
$("#A_bar1").height((window.innerHeight / 2) - 50);
|
|
$("#A_bar2").width((window.innerWidth / 2) - 50);
|
|
$("#A_bar2").height((window.innerHeight / 2) - 50);
|
|
$("#A_bar3").width((window.innerWidth / 2) - 50);
|
|
$("#A_bar3").height((window.innerHeight / 2) - 50);
|
|
$("#A_bar4").width((window.innerWidth / 2) - 50);
|
|
$("#A_bar4").height((window.innerHeight / 2) - 50);
|
|
|
|
$("#B_bar1").width((window.innerWidth / 2) - 50);
|
|
$("#B_bar1").height((window.innerHeight / 2) - 50);
|
|
$("#B_bar2").width((window.innerWidth / 2) - 50);
|
|
$("#B_bar2").height((window.innerHeight / 2) - 50);
|
|
$("#B_bar3").width((window.innerWidth / 2) - 50);
|
|
$("#B_bar3").height((window.innerHeight / 2) - 50);
|
|
$("#B_bar4").width((window.innerWidth / 2) - 50);
|
|
$("#B_bar4").height((window.innerHeight / 2) - 50);
|
|
|
|
$(".Line_Table").width(window.innerWidth);
|
|
$(".Line_Table").height(window.innerHeight * 0.2 - 100);
|
|
|
|
$(".Line_Table table").width(window.innerWidth * 0.8);
|
|
|
|
$("#A_Line").width(window.innerWidth);
|
|
$("#A_Line").height(window.innerHeight * 0.8 - 100);
|
|
|
|
$("#B_Line").width(window.innerWidth);
|
|
$("#B_Line").height(window.innerHeight * 0.8 - 100);
|
|
|
|
//
|
|
$("#main1").width((window.innerWidth / 3) - 100);
|
|
$("#main1").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2").width((window.innerWidth / 3) - 100);
|
|
$("#main2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3").width((window.innerWidth / 3) - 100);
|
|
$("#main3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4").width((window.innerWidth / 3) - 100);
|
|
$("#main4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5").width((window.innerWidth / 3) - 100);
|
|
$("#main5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6").width((window.innerWidth / 3) - 100);
|
|
$("#main6").height((window.innerHeight / 2) - 150);
|
|
|
|
//
|
|
$("#main1_2").width((window.innerWidth / 3) - 100);
|
|
$("#main1_2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_2").width((window.innerWidth / 3) - 100);
|
|
$("#main2_2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_2").width((window.innerWidth / 3) - 100);
|
|
$("#main3_2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_2").width((window.innerWidth / 3) - 100);
|
|
$("#main4_2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_2").width((window.innerWidth / 3) - 100);
|
|
$("#main5_2").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_2").width((window.innerWidth / 3) - 100);
|
|
$("#main6_2").height((window.innerHeight / 2) - 150);
|
|
|
|
//
|
|
$("#main1_3").width((window.innerWidth / 3) - 100);
|
|
$("#main1_3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_3").width((window.innerWidth / 3) - 100);
|
|
$("#main2_3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_3").width((window.innerWidth / 3) - 100);
|
|
$("#main3_3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_3").width((window.innerWidth / 3) - 100);
|
|
$("#main4_3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_3").width((window.innerWidth / 3) - 100);
|
|
$("#main5_3").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_3").width((window.innerWidth / 3) - 100);
|
|
$("#main6_3").height((window.innerHeight / 2) - 150);
|
|
//
|
|
$("#main1_4").width((window.innerWidth / 3) - 100);
|
|
$("#main1_4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_4").width((window.innerWidth / 3) - 100);
|
|
$("#main2_4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_4").width((window.innerWidth / 3) - 100);
|
|
$("#main3_4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_4").width((window.innerWidth / 3) - 100);
|
|
$("#main4_4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_4").width((window.innerWidth / 3) - 100);
|
|
$("#main5_4").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_4").width((window.innerWidth / 3) - 100);
|
|
$("#main6_4").height((window.innerHeight / 2) - 150);
|
|
|
|
//
|
|
$("#main1_5").width((window.innerWidth / 3) - 100);
|
|
$("#main1_5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_5").width((window.innerWidth / 3) - 100);
|
|
$("#main2_5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_5").width((window.innerWidth / 3) - 100);
|
|
$("#main3_5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_5").width((window.innerWidth / 3) - 100);
|
|
$("#main4_5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_5").width((window.innerWidth / 3) - 100);
|
|
$("#main5_5").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_5").width((window.innerWidth / 3) - 100);
|
|
$("#main6_5").height((window.innerHeight / 2) - 150);
|
|
|
|
//
|
|
$("#main1_6").width((window.innerWidth / 3) - 100);
|
|
$("#main1_6").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_6").width((window.innerWidth / 3) - 100);
|
|
$("#main2_6").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_6").width((window.innerWidth / 3) - 100);
|
|
$("#main3_6").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_6").width((window.innerWidth / 3) - 100);
|
|
$("#main4_6").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_6").width((window.innerWidth / 3) - 100);
|
|
$("#main5_6").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_6").width((window.innerWidth / 3) - 100);
|
|
$("#main6_6").height((window.innerHeight / 2) - 150);
|
|
|
|
//
|
|
$("#main1_7").width((window.innerWidth / 3) - 100);
|
|
$("#main1_7").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main2_7").width((window.innerWidth / 3) - 100);
|
|
$("#main2_7").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main3_7").width((window.innerWidth / 3) - 100);
|
|
$("#main3_7").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main4_7").width((window.innerWidth / 3) - 100);
|
|
$("#main4_7").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main5_7").width((window.innerWidth / 3) - 100);
|
|
$("#main5_7").height((window.innerHeight / 2) - 150);
|
|
|
|
$("#main6_7").width((window.innerWidth / 3) - 100);
|
|
$("#main6_7").height((window.innerHeight / 2) - 150);
|
|
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|