| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753 |
- <head>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
- integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
- <script src="https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js"></script>
- <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
- <link rel="preconnect" href="https://fonts.gstatic.com">
- <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
- &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="../css/style.css">
- <!-- <link rel="stylesheet" href="/css/style.css"> -->
- <script type="text/javascript">
- function decimal(x, n) {
- x = Math.round(x * 10 ** n) / 10 ** n;
- return x.toFixed(n);
- }
- function processFiles(event) {
- var file = event.target.files[0];
- var message = document.getElementById("message");
- var upBtn = document.getElementById('upbtn');
- var upIcon = document.getElementById('upicon');
- message.innerHTML = file.name + " - " + file.size + " 字节 - " + file.type + " - 正在读取...";
- upBtn.classList.remove('btn-danger');
- upBtn.classList.remove('btn-info');
- upBtn.classList.add('btn-info');
- upIcon.classList.remove('glyphicon-exclamation-sign');
- upIcon.classList.remove('glyphicon-open');
- upIcon.classList.add('glyphicon-open');
- var reader = new FileReader();
- var content = "";
- reader.onload = function (event) {
- try {
- var output = document.getElementById("fileOutput");
- var info = document.getElementById("fileInfo");
- var object = eval("(" + event.target.result + ")");
- var classText = "", gradingText = "";
- var seIds = [], seNames = [];
- seIds = object.data.seIds;
- for (var i = 0; i < seIds.length; i++) {
- for (var j = 0; j < seIds.length; j++) {
- if (object.data.multiExam.singleExams[i].seId == seIds[j]) {
- seNames[j] = object.data.multiExam.singleExams[i].seCourseName;
- }
- }
- }
- var seNameDic = {};
- for (var i = 0; i < seIds.length; i++) {
- seNameDic[seIds[i]] = seNames[i];
- }
- seNameDic["0"] = "总分";
- for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
- seNameDic[object.data.singleExamClassYsScores[i].seId + "Ys"] = seNameDic[object.data.singleExamClassYsScores[i].seId] + " " + object.data.singleExamClassYsScores[i].ysClassId;
- }
- var seIdDic = {};
- for (var i = 0; i < seIds.length; i++) {
- for (var j = 0; j < seIds.length; j++) {
- if (object.data.multiExamStudentScore.singleExamStudentScores[j].seId == seIds[i]) {
- seIdDic[j] = i;
- }
- }
- }
- var scoreP = {}, avgP = {}, rate0 = {}, rate25 = {}, rate50 = {}, rate75 = {}, rate100 = {}, rateFull = {};//表1用
- for (var i = 0; i < seIds.length; i++) {
- scoreP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essScore;
- avgP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsAvgScore;
- rate0[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsMinScore;
- rate25[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsQuarterScore;
- rate50[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsHalfScore;
- rate75[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secs3quatrerScore;
- rate100[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.singleExamClassScores[i].secsMaxScore;
- rateFull[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExam.singleExams[seIdDic[i]].seFullScore;
- }
- console.log("rat");
- var scoreRate = {};
- for (var i = 0; i < seIds.length; i++) {
- scoreRate[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(object.data.multiExamStudentScore.singleExamStudentScores[i].essScore / object.data.multiExam.singleExams[seIdDic[i]].seFullScore, 3);
- }
- scoreRate["0"] = decimal(object.data.multiExamStudentScore.messScore / object.data.multiExam.meFullScore, 3);
- var classOrderP = {}, gradeOrderP = {};
- for (var i = 0; i < seIds.length; i++) {
- classOrderP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder;
- }
- for (var i = 0; i < seIds.length; i++) {
- gradeOrderP[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder;
- }
- classOrderP["0"] = object.data.multiExamStudentScore.messClassOrder;
- gradeOrderP["0"] = object.data.multiExamStudentScore.messGradeOrder
- var ysClassOrderP = {};
- for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
- for (var j = 0; j < seIds.length; j++) {
- if (object.data.singleExamClassYsScores[i].seId == object.data.multiExamStudentScore.singleExamStudentScores[j].seId) {
- ysClassOrderP[object.data.singleExamClassYsScores[i].seId + "Ys"] = object.data.multiExamStudentScore.singleExamStudentScores[j].essYsClassOrder;
- }
- }
- }
- var classOrder = {}, ysClassOrder = {};
- for (var i = 0; i < seIds.length; i++) {
- classOrder[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder / object.data.singleExamClassScores[i].secsStudentCount, 3);
- }
- for (var i = 0; i < object.data.singleExamClassYsScores.length; i++) {
- for (var j = 0; j < seIds.length; j++) {
- if (object.data.singleExamClassYsScores[i].seId == object.data.multiExamStudentScore.singleExamStudentScores[j].seId) {
- ysClassOrder[object.data.singleExamClassYsScores[i].seId + "Ys"] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[j].essYsClassOrder / object.data.singleExamClassYsScores[i].secsStudentCount, 3);
- }
- }
- }
- classOrder["0"] = decimal(1 - object.data.multiExamStudentScore.messClassOrder / object.data.multiExamClassScores[0].mecsStudentCount, 3); + "<br>"
- var gradeOrder = {};
- for (var i = 0; i < seIds.length; i++) {
- gradeOrder[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] = decimal(1 - object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder / object.data.multiExam.singleExams[seIdDic[i]].seStudentCount, 3);
- }
- gradeOrder["0"] = decimal(1 - object.data.multiExamStudentScore.messGradeOrder / object.data.multiExamSchoolScore.mecsStudentCount, 3); + "<br>"
- for (var i = 0; i < seIds.length; i++) {
- // object.data.multiExamStudentScore.singleExamStudentScores[i].seId
- // object.data.singleExamClassScores[i].seId
- // object.data.multiExam.singleExams[i].seId
- // seIds[i]
- // 前两个和后两个数据应该是能分别对上号的（1-2 3-4），用 seIdDic 连接
- // seIdDic {key(1-2): value(3-4),..}
- classText += "<h4>"
- + seNameDic[object.data.multiExamStudentScore.singleExamStudentScores[i].seId] + "</h4>"
- + "单科分数：" + object.data.multiExamStudentScore.singleExamStudentScores[i].essScore + "<br><br>"
- + "单科分数班级排名：" + object.data.multiExamStudentScore.singleExamStudentScores[i].essClassOrder + "<br>"
- + "单科班级参考人数：" + object.data.singleExamClassScores[i].secsStudentCount + "<br>"
- + "单科班级年级排名：" + object.data.singleExamClassScores[i].secsClassOrder + "<br>"
- + "单科班级："
- + '<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>'
- + "<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>"
- ;
- for (var j = 0; j < object.data.singleExamClassYsScores.length; j++) {
- if (object.data.singleExamClassYsScores[j].seId == object.data.multiExamStudentScore.singleExamStudentScores[i].seId) {
- classText += "<br><br>"
- + "单科分层班级名称：" + object.data.singleExamClassYsScores[j].ysClassId + "<br>"
- + "单科分数分层班级排名：" + object.data.multiExamStudentScore.singleExamStudentScores[i].essYsClassOrder + "<br>"
- + "单科分层班级参考人数：" + object.data.singleExamClassYsScores[j].secsStudentCount + "<br>"
- + "单科分层班级年级排名：" + object.data.singleExamClassYsScores[j].secsClassOrder + "<br>"
- + "单科分层班级："
- + '<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>'
- + "<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>"
- ;
- }
- }
- classText += "<br><br>"
- + "单科分数年级排名：" + object.data.multiExamStudentScore.singleExamStudentScores[i].essGradeOrder + "<br>"
- + "单科年级参考人数：" + object.data.multiExam.singleExams[seIdDic[i]].seStudentCount + "<br>"
- + "单科年级："
- + '<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>'
- + "<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>"
- ;
- }
- function sheetOutput(title, dict) {
- gradingText += "<h4>" + title + "</h4>"
- gradingText += '<table class="table table-responsive" style="table-layout: fixed;"><tr>';
- if (dict != ysClassOrder) {
- for (var i in dict) {
- gradingText += "<td>" + seNameDic[i].substr(0, 2) + "</td>";
- }
- }
- else {
- for (var i in dict) {
- gradingText += "<td>" + seNameDic[i] + "</td>";
- }
- }
- gradingText += "</tr><tr>"
- for (var i in dict) {
- gradingText += "<td>" + dict[i] + "</td>";
- }
- gradingText += "</tr></table><br><br>";
- }
- } catch (e) {
- console.log(e);
- message.innerHTML += "<br>读取失败！";
- output.innerHTML = "";
- var charts = document.getElementsByClassName("chart");
- for (i = 0; i < charts.length; i++)charts[i].style.display = 'none';
- upBtn.classList.remove('btn-danger');
- upBtn.classList.add('btn-danger');
- upBtn.classList.remove('btn-info');
- upIcon.classList.remove('glyphicon-open');
- upIcon.classList.remove('glyphicon-exclamation-sign');
- upIcon.classList.add('glyphicon-exclamation-sign');
- return;
- }
- // sheetOutput("各科得分比例一览表", scoreRate);
- // sheetOutput("各科班级排名一览表", classOrder);
- // sheetOutput("各科分层班级排名一览表", ysClassOrder);
- // sheetOutput("各科年级排名一览表", gradeOrder);
- message.innerHTML += "<br>读取成功！"
- info.innerHTML = "<br>注：实验中学 74 桌出品，因 2025 届高一开始大量使用，为防止原作者被追责，我便搬运下来略作修改并加上了图表功能。<br><br>"
- + "行政班级：" + object.data.examStudents[0].classId + "<br>"
- + "姓名：" + object.data.multiExamStudentScore.studentName + "<br>"
- + "<br><h4>班内一览表</h4>";
- output.innerHTML = "<br><h4>总分</h4>"
- + "全科分数：" + object.data.multiExamStudentScore.messScore + "<br><br>"
- + "全科分数班级排名：" + object.data.multiExamStudentScore.messClassOrder + "<br>"
- + "全科班级参考人数：" + object.data.multiExamClassScores[0].mecsStudentCount + "<br>"
- + "全科班级年级排名：" + object.data.multiExamClassScores[0].mecsClassOrder + "<br>"
- + "全科班级："
- + '<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>'
- + "<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>"
- + "<br><br>全科分数年级排名：" + object.data.multiExamStudentScore.messGradeOrder + "<br>"
- + "全科年级参考人数：" + object.data.multiExamSchoolScore.mecsStudentCount + "<br>"
- + "全科年级："
- + '<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>'
- + "<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>"
- + classText
- + gradingText
- + "<h4>排名汇总</h4>";
- $("#fileOutput table").css("display", "inline-table");
- $("#fileOutput table").css("margin-bottom", "0px");
- // 路径配置
- var charts = document.getElementsByClassName("chart");
- for (i = 0; i < charts.length; i++)charts[i].style.display = '';
- sChart1 = echarts.init(document.getElementById("score1"));
- sChart2 = echarts.init(document.getElementById("score2"));
- oChart1 = echarts.init(document.getElementById("order1"));
- oChart2 = echarts.init(document.getElementById("order2"));
- oChart3 = echarts.init(document.getElementById("order3"));
- oChart4 = echarts.init(document.getElementById("order4"));
- seNameDicP = []; scorePP = []; avgPP = []; rate0P = []; rate25P = []; rate50P = []; rate75P = []; rate100P = []; rateFullP = [];
- scoreQ = []; avgQ = []; rate0Q = []; rate25Q = []; rate50Q = []; rate75Q = []; rate100Q = [];
- seNameDicP2 = []; classOrderPP = []; gradeOrderPP = []; classOrderQ = []; gradeOrderQ = [];
- seNameDicP3 = []; ysClassOrderPP = []; ysClassOrderQ = [];
- for (var i in scoreP) {
- if (seNameDic[i].substr(0, 2) == '总分') continue;
- seNameDicP.push(seNameDic[i].substr(0, 2));
- scorePP.push(scoreP[i]);
- avgPP.push(avgP[i]);
- rate0P.push(rate0[i]);
- rate25P.push(rate25[i]);
- rate50P.push(rate50[i]);
- rate75P.push(rate75[i]);
- rate100P.push(rate100[i]);
- rateFullP.push(rateFull[i]);
- scoreQ.push(decimal(scoreP[i] / rateFull[i] * 100, 1));
- avgQ.push(decimal(avgP[i] / rateFull[i] * 100, 1));
- rate0Q.push(decimal(rate0[i] / rateFull[i] * 100, 1));
- rate25Q.push(decimal(rate25[i] / rateFull[i] * 100, 1));
- rate50Q.push(decimal(rate50[i] / rateFull[i] * 100, 1));
- rate75Q.push(decimal(rate75[i] / rateFull[i] * 100, 1));
- rate100Q.push(decimal(rate100[i] / rateFull[i] * 100, 1));
- }
- for (var i in classOrderP) {
- seNameDicP2.push(seNameDic[i].substr(0, 2));
- classOrderPP.push(classOrderP[i]);
- gradeOrderPP.push(gradeOrderP[i]);
- classOrderQ.push(decimal(classOrder[i] * 100, 1));
- gradeOrderQ.push(decimal(gradeOrder[i] * 100, 1));
- }
- for (var i in ysClassOrderP) {
- seNameDicP3.push(seNameDic[i]);
- ysClassOrderPP.push(ysClassOrderP[i]);
- ysClassOrderQ.push(decimal(ysClassOrder[i] * 100, 1));
- }
- var sOp1 = { //具体细节的描述
- textStyle: {
- fontFamily: 'Noto Serif SC'
- },
- title: {
- text: '分数（点击图例可隐藏内容）',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold',
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['0%', '25%', '50%', '75%', '100%', '满分', '平均分', '我的分数']
- },
- toolbox: { //可以选择具体数据，柱状图，折线图，还原，保存图片的的切换选择
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar'] //可选折线图和柱状图
- },
- restore: {
- show: true //恢复默认
- },
- saveAsImage: {
- show: true // 存储为图片的功能
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '分数',
- position: 'left'
- }],
- series: [{
- name: '0%',
- type: 'line',
- data: rate0P,
- color: '#99ab4e'
- }, {
- name: '25%',
- type: 'line',
- data: rate25P,
- color: '#c7dc68'
- }, {
- name: '50%',
- type: 'line',
- data: rate50P,
- color: '#c7dc68'
- }, {
- name: '75%',
- type: 'line',
- data: rate75P,
- color: '#c7dc68'
- }, {
- name: '100%',
- type: 'line',
- data: rate100P,
- color: '#99ab4e'
- }, {
- name: '满分',
- type: 'line',
- data: rateFullP,
- color: '#783c1d'
- }, {
- name: '平均分',
- type: 'line',
- data: avgPP,
- color: '#2792c3'
- }, {
- name: '我的分数',
- type: 'line',
- data: scorePP,
- color: '#e2041b'
- }
- ]
- };
- var sOp2 = { //具体细节的描述
- textStyle: {
- fontFamily: 'Noto Serif SC'
- },
- title: {
- text: '得分率',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold',
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['0%', '25%', '50%', '75%', '100%', '平均得分率', '我的得分率']
- },
- toolbox: { //可以选择具体数据，柱状图，折线图，还原，保存图片的的切换选择
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar'] //可选折线图和柱状图
- },
- restore: {
- show: true //恢复默认
- },
- saveAsImage: {
- show: true // 存储为图片的功能
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '得分率(%)',
- position: 'left'
- }],
- series: [{
- name: '0%',
- type: 'line',
- data: rate0Q,
- color: '#99ab4e'
- }, {
- name: '25%',
- type: 'line',
- data: rate25Q,
- color: '#c7dc68'
- }, {
- name: '50%',
- type: 'line',
- data: rate50Q,
- color: '#c7dc68'
- }, {
- name: '75%',
- type: 'line',
- data: rate75Q,
- color: '#c7dc68'
- }, {
- name: '100%',
- type: 'line',
- data: rate100Q,
- color: '#99ab4e'
- }, {
- name: '平均得分率',
- type: 'line',
- data: avgQ,
- color: '#2792c3'
- }, {
- name: '我的得分率',
- type: 'line',
- data: scoreQ,
- color: '#e2041b'
- }
- ]
- };
- var oOp1 = {
- textStyle: {
- fontFamily: 'Noto Serif SC'
- }, title: {
- text: '行政排名位次',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold'
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['班级排名', '年级排名']
- },
- toolbox: {
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar']
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP2,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '排名',
- position: 'left'
- }],
- series: [{
- name: '班级排名',
- type: 'bar',
- data: classOrderPP,
- color: '#343090'
- }, {
- name: '年级排名',
- type: 'bar',
- data: gradeOrderPP,
- color: '#5f59f7'
- }
- ]
- };
- var oOp2 = {
- textStyle: {
- fontFamily: 'Noto Serif SC'
- }, title: {
- text: '行政排名比例',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold'
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['班级排名(%)', '年级排名(%)']
- },
- toolbox: {
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar']
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP2,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '排名(%)',
- position: 'left'
- }],
- series: [{
- name: '班级排名(%)',
- type: 'bar',
- data: classOrderQ,
- color: '#343090'
- }, {
- name: '年级排名(%)',
- type: 'bar',
- data: gradeOrderQ,
- color: '#5f59f7'
- }
- ]
- };
- var oOp3 = {
- textStyle: {
- fontFamily: 'Noto Serif SC'
- }, title: {
- text: '分班排名位次',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold'
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['分班排名']
- },
- toolbox: {
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar']
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP3,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '排名',
- position: 'left'
- }],
- series: [{
- name: '分班排名',
- type: 'bar',
- data: ysClassOrderPP,
- color: '#44c2fd'
- }
- ]
- };
- var oOp4 = {
- textStyle: {
- fontFamily: 'Noto Serif SC'
- }, title: {
- text: '分班排名比例',
- textStyle: { //主标题文本样式{"fontSize": 18,"fontWeight": "bolder","color": "#333"}
- fontSize: 14,
- fontStyle: 'normal',
- fontWeight: 'bold'
- },
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['分班排名(%)']
- },
- toolbox: {
- show: true,
- feature: {
- dataView: {
- show: true,
- readOnly: false
- },
- magicType: {
- show: true,
- type: ['line', 'bar']
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true
- }
- }
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- //name: 'min_sup(%)'
- data: seNameDicP3,
- name: '科目',
- position: 'left'
- }],
- yAxis: [{
- type: 'value',
- name: '排名(%)',
- position: 'left'
- }],
- series: [{
- name: '分班排名(%)',
- type: 'bar',
- data: ysClassOrderQ,
- color: '#44c2fd'
- }
- ]
- };
- // 为echarts对象加载数据
- sChart1.setOption(sOp1);
- sChart2.setOption(sOp2);
- oChart1.setOption(oOp1);
- oChart2.setOption(oOp2);
- oChart3.setOption(oOp3);
- oChart4.setOption(oOp4);
- }
- reader.readAsText(file);
- }
- </script>
- <title>
- 实验中学成绩整理
- </title>
- </head>
- <body>
- <a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
- class="glyphicon glyphicon-home" aria-hidden="true"></span> 返回</a>
- <div>
- <h1>
- 实验中学成绩整理
- </h1>
- <p style="font-size:16px">基于心意答查分页面提供的数据整理汇总考试成绩</p>
- <h2>如何获取数据</h2>
- <p>尽量使用 Google Chrome 浏览器，不保证其他浏览器操作相同。</p>
- <p>1. 进入心意答查分页面；</p>
- <p>2. 按下 F12 打开控制台，若无反应，尝试 Fn+F12；</p>
- <p>3. 控制台顶栏分页中找到“<b>网络</b>”或“<b>Network</b>”（可能需要从下拉框里面找）；</p>
- <p>4. 刷新页面（用 F5 刷新），此时应看到控制台中出现一批文件，点击其中的“<b>getStudentReportMEVO</b>”；</p>
- <p>5. 在新出现的小页面的顶栏分页中找到“<b>预览</b>”或“<b>Preview</b>”；</p>
- <p>6. 此时应看到“{data: {,...”等数据，一定在数据第一行右键（或在其最后一行下方空白处右键），随后“<b>复制物体</b>”或“<b>Copy Object</b>”；</p>
- <p>7. 新建文本文档（格式为 txt，不可用 Word 文档），将所复制的内容粘贴并保存，于下方按钮打开。</p>
- <p style="font-size: 12px;font-style: italic;">
- 注：图表整理均在本地进行，你的数据不会上传到网络。<br> 你获取的数据在心意答上未经加密并可直接访问，本质上对学生都是公开的，但恶意使用这些数据造成的后果自负。
- </p>
- </div>
- <div style="text-align: center;">
- <a tabindex="0" class="btn btn-default" href="tutor/"
- style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;display:inline-block;">
- <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> <b>查看示例截图</b>
- </a>
- <a id="upbtn" tabindex="0" class="btn btn-info" onclick="document.getElementById('fileInput').click();"
- style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
- <span id="upicon" class="glyphicon glyphicon-open" aria-hidden="true"></span> <b>打开文件</b><input
- style="display: none;" id="fileInput" type="file" onchange="processFiles(event)">
- </a>
- </div>
- <div id="message"></div>
- <div id="fileInfo"></div>
- <div id="score1" class="chart" style="display: none"></div>
- <div id="score2" class="chart" style="display: none"></div>
- <div id="fileOutput"></div>
- <div id="order1" class="chart" style="display: none"></div>
- <div id="order2" class="chart" style="display: none"></div>
- <div id="order3" class="chart" style="display: none"></div>
- <div id="order4" class="chart" style="display: none"></div>
- </body>
|
