HTML部分:
HTML没有什么东西可以说的,就只是简简单单利用框架来搭建,图表的宽度就是用js代码来实现的
来获取一下这些数据是来自年级还是全学校的
通过发送到控制器那边来处理数据,分出成绩的区间从而分出及格或者不及格,以及考生数量,平均成绩,及格率,方便下面所做的图表
接下来就是通过Echarts来绘制图表
然后可以在Echarts官网调好所需要的样式
就像这样子一样,在官方调好样式,直接复制到js的代码里面,我只是调好两个我所需要的柱状图,
代码如下:
第二个:
然后调好展示在页面的效果图:
当然在官方的文档中,肯定是不止只有柱状图的,你可以去这个官网去看一下,是否有你需要的数据图表,
Echarts的简单理解
最新推荐文章于 2022-08-11 16:28:31 发布