<!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>