index.html 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  1. <head>
  2. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  3. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  4. <script src="https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js"></script>
  5. <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  6. <link rel="preconnect" href="https://fonts.gstatic.com">
  7. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  8. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  9. <link rel="stylesheet" href="../css/style.css">
  10. <!-- <link rel="stylesheet" href="/css/style.css"> -->
  11. <script type="text/javascript">
  12. function decimal(x, n) {
  13. x = Math.round(x * 10 ** n) / 10 ** n;
  14. return x.toFixed(n);
  15. }
  16. function processFiles(event) {
  17. var file = event.target.files[0];
  18. var message = document.getElementById("message");
  19. message.innerHTML = "文件名称:" + file.name + "<br>";
  20. message.innerHTML += "文件大小:" + file.size + " 字节<br>";
  21. message.innerHTML += "文件类型:" + file.type + "<br>";
  22. var reader = new FileReader();
  23. var content = "";
  24. reader.onload = function (event) {
  25. var output = document.getElementById("fileOutput");
  26. var object = eval("(" + event.target.result + ")");
  27. var classText = "", gradingText = "";
  28. var seIds = [], seNames = [];
  29. seIds = object.data.seIds;
  30. for (var i = 0; i < seIds.length; i++) {
  31. for (var j = 0; j < seIds.length; j++) {
  32. if (object.data.multiExam.singleExams[i].seId == seIds[j]) {
  33. seNames[j] = object.data.multiExam.singleExams[i].seCourseName;
  34. }
  35. }
  36. }
  37. var seNameDic = {};
  38. for (var i = 0; i < seIds.length; i++) {
  39. seNameDic[seIds[i]] = seNames[i];
  40. }
  41. seNameDic["0"] = "总分";
  42. for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
  43. seNameDic[object.data.singleExamClassYsScores[i].seId + "Ys"] = seNameDic[object.data.singleExamClassYsScores[i].seId] + " " + object.data.singleExamClassYsScores[i].ysClassId;
  44. }
  45. var seIdDic = {};
  46. for (var i = 0; i < seIds.length; i++) {
  47. for (var j = 0; j < seIds.length; j++) {
  48. if (object.data.multiExamStudentScore.singleExamStudentScores[j].seId == seIds[i]) {
  49. seIdDic[j] = i;
  50. }
  51. }
  52. }
  53. var scoreP = {}, avgP = {};
  54. for (var i = 0; i < seIds.length; i++) {
  55. scoreP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essScore;
  56. }
  57. for (var i = 0; i < seIds.length; i++) {
  58. avgP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsAvgScore;
  59. }
  60. var scoreRate = {};
  61. for (var i = 0; i < seIds.length; i++) {
  62. scoreRate[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(object.data.multiExamStudentScore.singleExamStudentScores[i].essScore / object.data.multiExam.singleExams[seIdDic[i]].seFullScore, 3);
  63. }
  64. scoreRate["0"] = decimal(object.data.multiExamStudentScore.messScore / object.data.multiExam.meFullScore, 3);
  65. var classOrderP = {}, gradeOrderP = {};
  66. for (var i = 0; i < seIds.length; i++) {
  67. classOrderP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder;
  68. }
  69. for (var i = 0; i < seIds.length; i++) {
  70. gradeOrderP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder;
  71. }
  72. classOrderP["0"] = object.data.multiExamStudentScore.messClassOrder;
  73. gradeOrderP["0"] = object.data.multiExamStudentScore.messGradeOrder
  74. var ysClassOrderP = {};
  75. for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
  76. for (var j = 0; j < seIds.length; j++) {
  77. if (object.data.singleExamClassYsScores[i].seId == object.data.multiExamStudentScore.singleExamStudentScores[j].seId) {
  78. ysClassOrderP[object.data.singleExamClassYsScores[i].seId + "Ys"] = object.data.multiExamStudentScore.singleExamStudentScores[j].essYsClassOrder;
  79. }
  80. }
  81. }
  82. var classOrder = {}, ysClassOrder = {};
  83. for (var i = 0; i < seIds.length; i++) {
  84. classOrder[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder / object.data.singleExamClassScores[i].secsStudentCount, 3);
  85. }
  86. for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
  87. for (var j = 0; j < seIds.length; j++) {
  88. if (object.data.singleExamClassYsScores[i].seId == object.data.multiExamStudentScore.singleExamStudentScores[j].seId) {
  89. ysClassOrder[object.data.singleExamClassYsScores[i].seId + "Ys"] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[j].essYsClassOrder / object.data.singleExamClassYsScores[i].secsStudentCount, 3);
  90. }
  91. }
  92. }
  93. classOrder["0"] = decimal(1 - object.data.multiExamStudentScore.messClassOrder / object.data.multiExamClassScores[0].mecsStudentCount, 3); + "<br>"
  94. var gradeOrder = {};
  95. for (var i = 0; i < seIds.length; i++) {
  96. gradeOrder[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder / object.data.multiExam.singleExams[seIdDic[i]].seStudentCount, 3);
  97. }
  98. gradeOrder["0"] = decimal(1 - object.data.multiExamStudentScore.messGradeOrder / object.data.multiExamSchoolScore.mecsStudentCount, 3); + "<br>"
  99. for (var i = 0; i < seIds.length; i++) {
  100. // object.data.multiExamStudentScore.singleExamStudentScores[i].seId
  101. // object.data.singleExamClassScores[i].seId
  102. // object.data.multiExam.singleExams[i].seId
  103. // seIds[i]
  104. // 前两个和后两个数据应该是能分别对上号的(1-2 3-4),用 seIdDic 连接
  105. // seIdDic {key(1-2): value(3-4),..}
  106. classText += "<h4>"
  107. + seNameDic[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] + "</h4>"
  108. + "单科分数:" + object.data.multiExamStudentScore.singleExamStudentScores[i].essScore + "<br><br>"
  109. + "单科分数班级排名:" + object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder + "<br>"
  110. + "单科班级参考人数:" + object.data.singleExamClassScores[i].secsStudentCount + "<br>"
  111. + "单科班级年级排名:" + object.data.singleExamClassScores[i].secsClassOrder + "<br>"
  112. + "单科班级:"
  113. + '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>四分位数(75%)</td><td>中位数</td><td>四分位数(25%)</td><td>最低分</td></tr>'
  114. + "<tr><td>" + object.data.singleExamClassScores[i].secsAvgScore + "</td><td>" + object.data.singleExamClassScores[i].secsMaxScore + "</td><td>" + object.data.singleExamClassScores[i].secs3quatrerScore + "</td><td>" + object.data.singleExamClassScores[i].secsHalfScore + "</td><td>" + object.data.singleExamClassScores[i].secsQuarterScore + "</td><td>" + object.data.singleExamClassScores[i].secsMinScore + "</td></tr></table>"
  115. ;
  116. for (var j = 0; j < object.data.singleExamClassYsScores.length; j++) {
  117. if (object.data.singleExamClassYsScores[j].seId == object.data.multiExamStudentScore.singleExamStudentScores[i].seId) {
  118. classText += "<br><br>"
  119. + "单科分层班级名称:" + object.data.singleExamClassYsScores[j].ysClassId + "<br>"
  120. + "单科分数分层班级排名:" + object.data.multiExamStudentScore.singleExamStudentScores[i].essYsClassOrder + "<br>"
  121. + "单科分层班级参考人数:" + object.data.singleExamClassYsScores[j].secsStudentCount + "<br>"
  122. + "单科分层班级年级排名:" + object.data.singleExamClassYsScores[j].secsClassOrder + "<br>"
  123. + "单科分层班级:"
  124. + '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>四分位数(75%)</td><td>中位数</td><td>四分位数(25%)</td><td>最低分</td></tr>'
  125. + "<tr><td>" + object.data.singleExamClassYsScores[j].secsAvgScore + "</td><td>" + object.data.singleExamClassYsScores[j].secsMaxScore + "</td><td>" + object.data.singleExamClassYsScores[j].secs3quatrerScore + "</td><td>" + object.data.singleExamClassYsScores[j].secsHalfScore + "</td><td>" + object.data.singleExamClassYsScores[j].secsQuarterScore + "</td><td>" + object.data.singleExamClassYsScores[j].secsMinScore + "</td></tr></table>"
  126. ;
  127. }
  128. }
  129. classText += "<br><br>"
  130. + "单科分数年级排名:" + object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder + "<br>"
  131. + "单科年级参考人数:" + object.data.multiExam.singleExams[seIdDic[i]].seStudentCount + "<br>"
  132. + "单科年级:"
  133. + '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>四分位数(75%)</td><td>中位数</td><td>四分位数(25%)</td><td>最低分</td></tr>'
  134. + "<tr><td>" + object.data.multiExam.singleExams[seIdDic[i]].seAvgScore + "</td><td>" + object.data.multiExam.singleExams[seIdDic[i]].seMaxScore + "</td><td>" + object.data.multiExam.singleExams[seIdDic[i]].se3QuarterScore + "</td><td>" + object.data.multiExam.singleExams[seIdDic[i]].seHalfScore + "</td><td>" + object.data.multiExam.singleExams[seIdDic[i]].seQuarterScore + "</td><td>" + object.data.multiExam.singleExams[seIdDic[i]].seMinScore + "</td></tr></table><br><br>"
  135. ;
  136. }
  137. function sheetOutput(title, dict) {
  138. gradingText += "<h4>" + title + "</h4>"
  139. gradingText += '<table class="table table-responsive" style="table-layout: fixed;"><tr>';
  140. if (dict != ysClassOrder) {
  141. for (var i in dict) {
  142. gradingText += "<td>" + seNameDic[i].substr(0, 2) + "</td>";
  143. }
  144. }
  145. else {
  146. for (var i in dict) {
  147. gradingText += "<td>" + seNameDic[i] + "</td>";
  148. }
  149. }
  150. gradingText += "</tr><tr>"
  151. for (var i in dict) {
  152. gradingText += "<td>" + dict[i] + "</td>";
  153. }
  154. gradingText += "</tr></table><br><br>";
  155. }
  156. // sheetOutput("各科得分比例一览表", scoreRate);
  157. // sheetOutput("各科班级排名一览表", classOrder);
  158. // sheetOutput("各科分层班级排名一览表", ysClassOrder);
  159. // sheetOutput("各科年级排名一览表", gradeOrder);
  160. output.innerHTML = "<br>注:实验中学 74 桌出品,我略作修改并加上了图表功能<del>,完成作者遗愿</del>。<br><br>"
  161. + "行政班级:" + object.data.examStudents[0].classId + "<br>"
  162. + "姓名:" + object.data.multiExamStudentScore.studentName + "<br>"
  163. + "<br><h4>总分</h4>"
  164. + "全科分数:" + object.data.multiExamStudentScore.messScore + "<br><br>"
  165. + "全科分数班级排名:" + object.data.multiExamStudentScore.messClassOrder + "<br>"
  166. + "全科班级参考人数:" + object.data.multiExamClassScores[0].mecsStudentCount + "<br>"
  167. + "全科班级年级排名:" + object.data.multiExamClassScores[0].mecsClassOrder + "<br>"
  168. + "全科班级:"
  169. + '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>四分位数(75%)</td><td>中位数</td><td>四分位数(25%)</td><td>最低分</td></tr>'
  170. + "<tr><td>" + object.data.multiExamClassScores[0].mecsAvgScore + "</td><td>" + object.data.multiExamClassScores[0].mecsMaxScore + "</td><td>" + object.data.multiExamClassScores[0].mecs3quatrerScore + "</td><td>" + object.data.multiExamClassScores[0].mecsHalfScore + "</td><td>" + object.data.multiExamClassScores[0].mecsQuarterScore + "</td><td>" + object.data.multiExamClassScores[0].mecsMinScore + "</td></tr></table>"
  171. + "<br><br>全科分数年级排名:" + object.data.multiExamStudentScore.messGradeOrder + "<br>"
  172. + "全科年级参考人数:" + object.data.multiExamSchoolScore.mecsStudentCount + "<br>"
  173. + "全科年级:"
  174. + '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>四分位数(75%)</td><td>中位数</td><td>四分位数(25%)</td><td>最低分</td></tr>'
  175. + "<tr><td>" + object.data.multiExam.meAvgScore + "</td><td>" + object.data.multiExam.meMaxScore + "</td><td>" + object.data.multiExam.me3QuatrerScore + "</td><td>" + object.data.multiExam.meHalfScore + "</td><td>" + object.data.multiExam.meQuarterScore + "</td><td>" + object.data.multiExam.meMinScore + "</td></tr></table><br><br>"
  176. + classText
  177. + gradingText
  178. + "<br>(分班考年级排名:" + object.data.studentMEHistoryScoreVOs[0].gradeOrder + ")"
  179. + "<h4>汇总</h4>";
  180. $("#fileOutput table").css("display", "inline-table");
  181. $("#fileOutput table").css("margin-bottom", "0px");
  182. // 路径配置
  183. var charts = document.getElementsByClassName("chart");
  184. for (i = 0; i < charts.length; i++)charts[i].style.display = '';
  185. sChart = echarts.init(document.getElementById("score"));
  186. oChart1 = echarts.init(document.getElementById("order1"));
  187. oChart2 = echarts.init(document.getElementById("order2"));
  188. oChart3 = echarts.init(document.getElementById("order3"));
  189. oChart4 = echarts.init(document.getElementById("order4"));
  190. seNameDicP = []; scorePP = []; avgPP = [];
  191. seNameDicP2 = []; classOrderPP = []; gradeOrderPP = []; classOrderQ = []; gradeOrderQ = [];
  192. seNameDicP3 = []; ysClassOrderPP = []; ysClassOrderQ = [];
  193. for (var i in scoreP) {
  194. if (seNameDic[i].substr(0, 2) == '总分') continue;
  195. seNameDicP.push(seNameDic[i].substr(0, 2));
  196. scorePP.push(scoreP[i]);
  197. avgPP.push(avgP[i]);
  198. }
  199. for (var i in classOrderP) {
  200. seNameDicP2.push(seNameDic[i].substr(0, 2));
  201. classOrderPP.push(classOrderP[i]);
  202. gradeOrderPP.push(gradeOrderP[i]);
  203. classOrderQ.push(decimal(classOrder[i] * 100, 1));
  204. gradeOrderQ.push(decimal(gradeOrder[i] * 100, 1));
  205. }
  206. for (var i in ysClassOrderP) {
  207. seNameDicP3.push(seNameDic[i]);
  208. ysClassOrderPP.push(ysClassOrderP[i]);
  209. ysClassOrderQ.push(decimal(ysClassOrder[i] * 100, 1));
  210. }
  211. var sOp = { //具体细节的描述
  212. textStyle: {
  213. fontFamily: 'Noto Serif SC'
  214. },
  215. title: {
  216. text: '成绩与平均分',
  217. textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
  218. fontSize: 14,
  219. fontStyle: 'normal',
  220. fontWeight: 'bold',
  221. },
  222. },
  223. tooltip: {
  224. trigger: 'axis'
  225. },
  226. legend: {
  227. data: ['成绩', '平均分']
  228. },
  229. toolbox: { //可以选择具体数据,柱状图,折线图,还原,保存图片的的切换选择
  230. show: true,
  231. feature: {
  232. dataView: {
  233. show: true,
  234. readOnly: false
  235. },
  236. magicType: {
  237. show: true,
  238. type: ['line', 'bar'] //可选折线图和柱状图
  239. },
  240. restore: {
  241. show: true //恢复默认
  242. },
  243. saveAsImage: {
  244. show: true // 存储为图片的功能
  245. }
  246. }
  247. },
  248. calculable: true,
  249. xAxis: [{
  250. type: 'category',
  251. //name: 'min_sup(%)'
  252. data: seNameDicP,
  253. name: '科目',
  254. position: 'left'
  255. }],
  256. yAxis: [{
  257. type: 'value',
  258. name: '分数',
  259. position: 'left'
  260. }],
  261. series: [{
  262. name: '成绩',
  263. type: 'bar',// bar
  264. data: scorePP,
  265. color: '#fb7756'
  266. },
  267. {
  268. name: '平均分',
  269. type: 'bar',//bar
  270. data: avgPP,
  271. color: '#facd60'
  272. }
  273. ]
  274. };
  275. var oOp1 = {
  276. textStyle: {
  277. fontFamily: 'Noto Serif SC'
  278. }, title: {
  279. text: '行政排名位次',
  280. textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
  281. fontSize: 14,
  282. fontStyle: 'normal',
  283. fontWeight: 'bold'
  284. },
  285. },
  286. tooltip: {
  287. trigger: 'axis'
  288. },
  289. legend: {
  290. data: ['班级排名', '年级排名']
  291. },
  292. toolbox: {
  293. show: true,
  294. feature: {
  295. dataView: {
  296. show: true,
  297. readOnly: false
  298. },
  299. magicType: {
  300. show: true,
  301. type: ['line', 'bar']
  302. },
  303. restore: {
  304. show: true
  305. },
  306. saveAsImage: {
  307. show: true
  308. }
  309. }
  310. },
  311. calculable: true,
  312. xAxis: [{
  313. type: 'category',
  314. //name: 'min_sup(%)'
  315. data: seNameDicP2,
  316. name: '科目',
  317. position: 'left'
  318. }],
  319. yAxis: [{
  320. type: 'value',
  321. name: '排名',
  322. position: 'left'
  323. }],
  324. series: [{
  325. name: '班级排名',
  326. type: 'bar',
  327. data: classOrderPP,
  328. color: '#343090'
  329. }, {
  330. name: '年级排名',
  331. type: 'bar',
  332. data: gradeOrderPP,
  333. color: '#5f59f7'
  334. }
  335. ]
  336. };
  337. var oOp2 = {
  338. textStyle: {
  339. fontFamily: 'Noto Serif SC'
  340. }, title: {
  341. text: '行政排名比例',
  342. textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
  343. fontSize: 14,
  344. fontStyle: 'normal',
  345. fontWeight: 'bold'
  346. },
  347. },
  348. tooltip: {
  349. trigger: 'axis'
  350. },
  351. legend: {
  352. data: ['班级排名(%)', '年级排名(%)']
  353. },
  354. toolbox: {
  355. show: true,
  356. feature: {
  357. dataView: {
  358. show: true,
  359. readOnly: false
  360. },
  361. magicType: {
  362. show: true,
  363. type: ['line', 'bar']
  364. },
  365. restore: {
  366. show: true
  367. },
  368. saveAsImage: {
  369. show: true
  370. }
  371. }
  372. },
  373. calculable: true,
  374. xAxis: [{
  375. type: 'category',
  376. //name: 'min_sup(%)'
  377. data: seNameDicP2,
  378. name: '科目',
  379. position: 'left'
  380. }],
  381. yAxis: [{
  382. type: 'value',
  383. name: '排名(%)',
  384. position: 'left'
  385. }],
  386. series: [{
  387. name: '班级排名(%)',
  388. type: 'bar',
  389. data: classOrderQ,
  390. color: '#343090'
  391. }, {
  392. name: '年级排名(%)',
  393. type: 'bar',
  394. data: gradeOrderQ,
  395. color: '#5f59f7'
  396. }
  397. ]
  398. };
  399. var oOp3 = {
  400. textStyle: {
  401. fontFamily: 'Noto Serif SC'
  402. }, title: {
  403. text: '分班排名位次',
  404. textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
  405. fontSize: 14,
  406. fontStyle: 'normal',
  407. fontWeight: 'bold'
  408. },
  409. },
  410. tooltip: {
  411. trigger: 'axis'
  412. },
  413. legend: {
  414. data: ['分班排名']
  415. },
  416. toolbox: {
  417. show: true,
  418. feature: {
  419. dataView: {
  420. show: true,
  421. readOnly: false
  422. },
  423. magicType: {
  424. show: true,
  425. type: ['line', 'bar']
  426. },
  427. restore: {
  428. show: true
  429. },
  430. saveAsImage: {
  431. show: true
  432. }
  433. }
  434. },
  435. calculable: true,
  436. xAxis: [{
  437. type: 'category',
  438. //name: 'min_sup(%)'
  439. data: seNameDicP3,
  440. name: '科目',
  441. position: 'left'
  442. }],
  443. yAxis: [{
  444. type: 'value',
  445. name: '排名',
  446. position: 'left'
  447. }],
  448. series: [{
  449. name: '分班排名',
  450. type: 'bar',
  451. data: ysClassOrderPP,
  452. color: '#44c2fd'
  453. }
  454. ]
  455. };
  456. var oOp4 = {
  457. textStyle: {
  458. fontFamily: 'Noto Serif SC'
  459. }, title: {
  460. text: '分班排名比例',
  461. textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
  462. fontSize: 14,
  463. fontStyle: 'normal',
  464. fontWeight: 'bold'
  465. },
  466. },
  467. tooltip: {
  468. trigger: 'axis'
  469. },
  470. legend: {
  471. data: ['分班排名(%)']
  472. },
  473. toolbox: {
  474. show: true,
  475. feature: {
  476. dataView: {
  477. show: true,
  478. readOnly: false
  479. },
  480. magicType: {
  481. show: true,
  482. type: ['line', 'bar']
  483. },
  484. restore: {
  485. show: true
  486. },
  487. saveAsImage: {
  488. show: true
  489. }
  490. }
  491. },
  492. calculable: true,
  493. xAxis: [{
  494. type: 'category',
  495. //name: 'min_sup(%)'
  496. data: seNameDicP3,
  497. name: '科目',
  498. position: 'left'
  499. }],
  500. yAxis: [{
  501. type: 'value',
  502. name: '排名(%)',
  503. position: 'left'
  504. }],
  505. series: [{
  506. name: '分班排名(%)',
  507. type: 'bar',
  508. data: ysClassOrderQ,
  509. color: '#44c2fd'
  510. }
  511. ]
  512. };
  513. // 为echarts对象加载数据
  514. sChart.setOption(sOp);
  515. oChart1.setOption(oOp1);
  516. oChart2.setOption(oOp2);
  517. oChart3.setOption(oOp3);
  518. oChart4.setOption(oOp4);
  519. }
  520. reader.readAsText(file);
  521. }
  522. </script>
  523. <title>
  524. 实验中学成绩整理
  525. </title>
  526. </head>
  527. <body>
  528. <a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
  529. class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
  530. <h1>
  531. 实验中学成绩整理
  532. </h1>
  533. <p style="font-size:16px">基于心意答查分页面提供的数据整理汇总考试成绩</p>
  534. <h2>如何获取数据</h2>
  535. <p>尽量使用 Google Chrome 浏览器,不保证其他浏览器操作相同。</p>
  536. <p>1. 进入心意答查分页面;</p>
  537. <p>2. 按下 F12 打开控制台,若无反应,尝试 Fn+F12;</p>
  538. <p>3. 控制台顶栏分页中找到“<b>网络</b>”或“<b>Network</b>”(可能需要从下拉框里面找);</p>
  539. <p>4. 刷新页面(用 F5 刷新),此时应看到控制台中出现一批文件,点击其中的“<b>getStudentReportMEVO</b>”;</p>
  540. <p>5. 在新出现的小页面的顶栏分页中找到“<b>预览</b>”或“<b>Preview</b>”;</p>
  541. <p>6. 此时应看到“{data: {,...”等数据,一定在数据第一行右键(或在其最后一行下方空白处右键),随后“<b>复制物体</b>”或“<b>Copy Object</b>”;</p>
  542. <p>7. 新建文本文档(格式为 txt,不可用 Word 文档),将所复制的内容粘贴并保存,于下方按钮打开。</p>
  543. <p style="font-size: 12px;font-style: italic;">
  544. 注:图表整理均在本地进行,你的数据不会上传到网络。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;你获取的数据在心意答上未经加密并可直接访问,本质上对学生都是公开的,但恶意使用这些数据造成的后果自负。
  545. </p>
  546. <div style="text-align: center;">
  547. <a tabindex="0" class="btn btn-info" href="tutor/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
  548. <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span><b>查看示例截图</b>
  549. </a>
  550. <a tabindex="0" class="btn btn-default" onclick="document.getElementById('fileInput').click();"
  551. style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;display:inline-block;">
  552. <span class="glyphicon glyphicon-open" aria-hidden="true"></span> <b>打开文件</b><input style="display: none;"
  553. id="fileInput" type="file" onchange="processFiles(event)">
  554. </a>
  555. </div>
  556. <div id="message"></div>
  557. <div id="fileOutput"></div>
  558. <div id="score" class="chart" style="display: none"></div>
  559. <div id="order1" class="chart" style="display: none"></div>
  560. <div id="order2" class="chart" style="display: none"></div>
  561. <div id="order3" class="chart" style="display: none"></div>
  562. <div id="order4" class="chart" style="display: none"></div>
  563. </body>