barChartHelp.jsp
2.52 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/mobilemode/init.jsp"%>
<html>
<head>
<title></title>
<style>
*{
font-family: 'Microsoft YaHei', Arial;
}
html,body{
height: 100%;
margin: 0px;
padding: 0px;
}
.dataTable{
border-collapse: collapse;
margin: 5px 0px;
}
.dataTable td{
border: 1px solid #ccc;
padding: 3px 10px;
}
.dataTable tr.header td{
font-weight: bold;
background-color: #f8f8f8;
}
</style>
</head>
<body>
<div>
<img src="/mobilemode/images/mec/barChartHelp_wev8.png" style="width: 450px;">
</div>
<%if(user.getLanguage() == 7){ %>
<div style="padding-left: 15px;">
以上图中的柱状图为例，其SQL返回的数据如下：
<table class="dataTable">
<tr class="header">
<td>name</td>
<td>蒸发量</td>
<td>降雨量</td>
</tr>
<tr>
<td>一月</td>
<td>2.0</td>
<td>2.6</td>
</tr>
<tr>
<td>二月</td>
<td>4.9</td>
<td>5.9</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
<div style="line-height: 20px;">
其中第一列为x轴的类别名称<br/>
第二列开始到第N列为数据列，就是显示的柱状数据<br/>
图例会使用各数据列的列名称
</div>
</div>
<%}else if(user.getLanguage() == 8){ %>
<div style="padding-left: 15px;">
In the above chart, for example, the data returned by SQL is as follows:
<table class="dataTable">
<tr class="header">
<td>name</td>
<td>蒸发量</td>
<td>降雨量</td>
</tr>
<tr>
<td>一月</td>
<td>2.0</td>
<td>2.6</td>
</tr>
<tr>
<td>二月</td>
<td>4.9</td>
<td>5.9</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
<div style="line-height: 20px;">
The first column is the x-axis category name<br/>
The second column from the beginning to the N column is the data column, which is the column data displayed<br/>
The legend uses column names for each data column
</div>
</div>
<%}else if(user.getLanguage() == 9){ %>
<div style="padding-left: 15px;">
以上圖中的柱狀圖為例，其SQL返回的數據如下：
<table class="dataTable">
<tr class="header">
<td>name</td>
<td>蒸发量</td>
<td>降雨量</td>
</tr>
<tr>
<td>一月</td>
<td>2.0</td>
<td>2.6</td>
</tr>
<tr>
<td>二月</td>
<td>4.9</td>
<td>5.9</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
<div style="line-height: 20px;">
其中第壹列為x軸的類別名稱<br/>
第二列開始到第N列為數據列，就是顯示的柱狀數據<br/>
圖例會使用各數據列的列名稱
</div>
</div>
<%} %>
</body>
</html>