여러 개체의 날짜별 체중 그래프 구현
꺾은선 그래프, 각 컬럼명이 개체명인 곳에 무게값 입력, 날짜 우선입력
매우 무식하게 풀었지만 나중에 참고용으로 저장
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
<%
Map mapReq = (Map) request.getAttribute( "mapReq" );
List lstRs = (List) request.getAttribute( "lstRs" );
%>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="height:100%"></div>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
var arr = new Array();
data.addColumn('string','일자');
<%
if(lstRs != null && !lstRs.isEmpty())
{
boolean setDate = false;
boolean setNm = false;
for(int i = 0; i < lstRs.size(); i++)
{
List rsList = (List) lstRs.get(i);
Map rsMap = (Map) rsList.get(0);
if(setNm == false) {
for(int loop = 0; loop < lstRs.size(); loop++) {
List nmList = (List) lstRs.get(loop);
Map nmMap = (Map) nmList.get(0);%>
data.addColumn('number','<%=CommonUtil.nvlMap(nmMap,"simple_nm")%>');
<%
}
setNm = true;
}
if(setDate == false) {
for(int k = 0; k < rsList.size(); k++) {
Map mapRs = (Map) rsList.get(k);
%>
arr[<%=k%>] = new Array();
arr[<%=k%>][0] = '<%=CommonUtil.nvlMap(mapRs,"inspect_dt")%>';
<% }
setDate = true;
i--;
} else {
for(int k = 0; k < rsList.size(); k++) {
Map mapRs = (Map) rsList.get(k);
%>
arr[<%=k%>][<%=i+1%>] = <%=CommonUtil.nvlMap(mapRs,"weight")%>;
<% }
}
}
}
%>
data.addRows([
<%
List rsList = (List) lstRs.get(0);
for(int i = 0; i < rsList.size(); i++ ) {%>
arr[<%=i%>]
<%
if(i != rsList.size()-1) out.print(",");
}%>
]);
var options = {
curveType: 'function',
legend: { position: 'bottom' }
};
data.addColumn({type: 'string', role: 'annotation'});
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
|
cs |
반응형
'IT' 카테고리의 다른 글
[ORACLE] Commit 된 데이터 복구 (TIMESTAMP) (0) | 2019.05.21 |
---|---|
[SPRING] IP접근 제어 (0) | 2019.05.17 |
[jQuery] 중간에 빠진 index 끼워넣기 (0) | 2019.04.25 |
[MYSQL] 최댓값보다 x%가 감소했을때 (0) | 2019.04.24 |
[JAVA] 자바와 Eclipse 다운로드 (1) | 2019.04.14 |