r115/trend.html · 约 1555 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>成绩趋势</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div id="app"><div class="navbar "><a class="nb-back" href="home.html">‹</a><div class="nb-title">成绩趋势</div><div class="nb-right">📈</div></div><div class="uc-wrap"><div class="sec-h"><span class="sec-n">趋</span>总分趋势（5 次考试）</div><div class="card" id="tl"></div><div class="sec-h"><span class="sec-n">比</span>与班级 / 年级均值</div><div class="card" id="tc"></div><div class="card" style="background:#f8f9ff" id="sum"></div></div></div>
11<script src="app.js"></script>
12<script>DS.get('cg_trend').then(function(d){ $('#tl').innerHTML=Chart.line({w:340,h:200,max:720,labels:d.labels,series:[{name:'我的总分',color:'#3b5bdb',data:d.total}]}); $('#tc').innerHTML=Chart.line({w:340,h:200,max:720,labels:d.labels,series:[{name:'我的总分',color:'#3b5bdb',data:d.total},{name:'班级均分',color:'#868e96',data:d.class_avg},{name:'年级均分',color:'#ced4da',data:d.grade_avg}]}); var first=d.total[0],last=d.total[d.total.length-1]; var up=last-first; $('#sum').innerHTML='<div style="font-weight:700;margin-bottom:6px">📌 阶段小结</div>从月考一到期末，总分由 <b>'+first+'</b> 提升到 <b>'+last+'</b>，累计 <b style="color:#2f9e44">'+(up>0?'+':'')+up+'</b> 分，整体呈上升通道。';});</script>
13</body>
14</html>