图书管理系统-成绩管理系统

图书管理系统

成绩管理系统

  接着上次的菜单界面，我们补全右侧的数据可视化界面，包括堆叠面积图、饼形图、柱状图及进度条。当然了，这个地方你如果想要炫酷一些的，可以选择河流图或是知识图谱这样的来做。下面就是最终的界面展示：
  左侧为图书管理系统的菜单，右侧为数据可视化页面

接下来是图的细化
  各年级学生借书人次(人)堆叠面积图

  平均每天借书数目(本)直方图

直接上程序

程序代码：

<headerclass="header left"><divclass="left nav"><ul></ul></div><divclass="header_center left"style="position:relative"><h2><strong>图书大数据分析展示</strong></h2></div><divclass="text_right"><ul></ul></div></header><divclass="con left"><!--数据总概--><divclass="con_div"><divclass="jaslkj"><divclass="left"><imgsrc="a.png"class="qtuwy"/><divclass="klaj"><p>全年借书总量(万本)</p><p>53</p></div></div><divclass="right"><imgsrc="j.png"class="left text01_img"/><divclass="jljlj"><p>当月借书总理(万本)</p><p>7</p></div></div></div><divclass="con_div_text left"><divclass="con_div_text01 left"><imgsrc="l.png"class="kajsk"/><divclass="hakjh"><p>借书人数(人)</p><pclass="sky">12356</p></div></div><divclass="con_div_text01 right"><imgsrc="sd.png"class="sl"/><divclass="left text01_div"><p>当月借书人数(人)</p><pclass="sky">1235</p></div></div></div><divclass="t"><divclass="qwe"><imgsrc="../images/info_11.png"class="left text01_img"/><divclass="xm"><p>学生占比</p><pclass="org">92%</p></div></div><divclass="co"><imgsrc="i.png"class="x"/><divclass="ft"><p>教师占比</p><pclass="org">8%</p></div></div></div></div><!--统计分析图--><divclass="div_any"><divclass="asd"><divclass="hi"><divclass="e"><imgsrc="fg.png">各年级学生借书数量占比</div><pid="gr"class="ar"></p></div><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_6.png">各学院学生借书数量占比</div><pid="histogramChart2"class="p_chart"></p></div></div><divclass="left div_any01"><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_7.png">各年级学生借书人次(人)</div><pid="lineChart1"class="p_chart"></p></div><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_8.png">各专业学生借书人次(人)</div><pid="lineChart2"class="p_chart"></p></div></div><divclass="left div_any01"><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_9.png">上周各年级学生借书人次占比(%)</div><pid="histogramChart3"class="p_chart"></p></div><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_10.png">平均每天借书数目(本)</div><pid="histogramChart4"class="p_chart"></p></div></div><divclass="left div_any01"><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_11.png">每天借书时间段</div><pid="pieChart1"class="p_chart"></p></div><divclass="div_any_child"><divclass="div_any_title"><imgsrc="../images/title_12.png">每周借书时间段</div><pid="pieChart2"class="p_chart"></p></div></div></div>

全部程序

print:("q917267119")