122 lines
3.0 KiB
Plaintext
122 lines
3.0 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ page import="com.pms.common.utils.*"%>
|
|
<%@ page import="java.util.*" %>
|
|
<%@include file= "/init.jsp" %>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title><%=Constants.SYSTEM_NAME%></title>
|
|
<script>
|
|
$(document).ready(function(){
|
|
|
|
var dfmeaPartList = [];
|
|
var dfmeaFirstBaseRPNList = [];
|
|
var dfmeaApplyRPNList = [];
|
|
var dfmeaBaseRPNList = [];
|
|
|
|
<c:forEach items="${resultList}" var="dfmeaInfo">
|
|
dfmeaPartList.push("${dfmeaInfo.FILTER_PART_NO}");
|
|
dfmeaFirstBaseRPNList.push(Number("${dfmeaInfo.BASE_RPN}"));
|
|
dfmeaApplyRPNList.push(Number("${dfmeaInfo.APPLY_RPN}"));
|
|
dfmeaBaseRPNList.push(100);
|
|
</c:forEach>
|
|
|
|
$('#container').highcharts({
|
|
chart: {
|
|
zoomType: 'xy'
|
|
},
|
|
title: {
|
|
text: 'DFMEA RPN 적용현황'
|
|
},
|
|
xAxis: [{
|
|
categories: dfmeaPartList,
|
|
crosshair: true
|
|
}],
|
|
yAxis: [{ // Primary yAxis
|
|
title: {
|
|
text: 'RPN',
|
|
style: {
|
|
color: Highcharts.getOptions().colors[0]
|
|
}
|
|
},
|
|
labels: {
|
|
format: '{value} 점',
|
|
style: {
|
|
color: Highcharts.getOptions().colors[0]
|
|
}
|
|
},
|
|
opposite: true
|
|
|
|
}, { // Secondary yAxis
|
|
gridLineWidth: 0,
|
|
title: {
|
|
text: 'RPN',
|
|
style: {
|
|
color: Highcharts.getOptions().colors[0]
|
|
}
|
|
},
|
|
labels: {
|
|
format: '{value} 점',
|
|
style: {
|
|
color: Highcharts.getOptions().colors[0]
|
|
}
|
|
},
|
|
plotLines: [{
|
|
color: 'red',
|
|
dashStyle: 'dot',
|
|
width: 2,
|
|
value: 100,
|
|
label: {
|
|
align: 'right',
|
|
text: '기준 RPN',
|
|
x: -10
|
|
},
|
|
zIndex:4
|
|
}]
|
|
|
|
}],
|
|
tooltip: {
|
|
shared: true
|
|
},
|
|
legend: {
|
|
layout: 'vertical',
|
|
align: 'left',
|
|
x: 80,
|
|
verticalAlign: 'top',
|
|
y: 55,
|
|
floating: true,
|
|
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
|
|
},
|
|
series: [{
|
|
name: '초기RPN',
|
|
type: 'column',
|
|
yAxis: 1,
|
|
data: dfmeaFirstBaseRPNList,
|
|
tooltip: {
|
|
valueSuffix: ' 점'
|
|
}
|
|
}, {
|
|
name: '설변 최종RPN',
|
|
type: 'spline',
|
|
yAxis: 1,
|
|
data: dfmeaApplyRPNList,
|
|
tooltip: {
|
|
valueSuffix: ' 점'
|
|
},
|
|
color: Highcharts.getOptions().colors[2]
|
|
}]
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
<body id="main" class="backcolor">
|
|
<div class="contents_page_basic_margin" style="overflow:hidden; height:333px;">
|
|
<div style="width:100%; height:100%; float:left;">
|
|
<div id="container" class="main_chart1"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |