目标: 这周我们学习了百度图表Echars的使用,第一阶段利用数据库数据生成统计图,第二三阶段利用数据生成全国确诊人数分布图。主要实现方法如下: 1.连接数据库,读取数据返回一个List,servlet调用这个函数,以json格式传回给前端页面。 2.前端 ...
课题要求: 给出疫情相关数据表,进行完成。 项目思路: .先将sql数据文件导入到数据库中 .然后根据之前所学连接数据库,获取相关信息 .可视化主要是在之前的基础上学习了Echart图表的使用,可以参考ECharts配置语法和w school在线教学相关资料。 项目结构: date相关文件用于折线图信息处理,bean用于图标查询的所有信息的处理。 相关源码: index.jsp: 运行截图: ...
2020-03-05 13:40 0 1216 推荐指数:
目标: 这周我们学习了百度图表Echars的使用,第一阶段利用数据库数据生成统计图,第二三阶段利用数据生成全国确诊人数分布图。主要实现方法如下: 1.连接数据库,读取数据返回一个List,servlet调用这个函数,以json格式传回给前端页面。 2.前端 ...
第一阶段运行结果 主要是根据 https://www.echartsjs.com/zh/index.html 上提供的表格模板。引入下载好的 echarts.min.js。然后其他的思路和平时的一样。 将模板中的数据改为 ...
一、要求: 1、可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况。 2、在全国地图上使用不同的颜色代表大概确诊人数区间,颜色的深浅表示疫情的严重程度,可以直观了解高危区域; 3、鼠标移到每个省份会高亮显示、点击鼠标会显示该省具体疫情情况、点击某个省份显示该省 ...
第二阶段的要求是通过地图展示全国疫情的情况。 1:首先要下载中国地图的插件 china.js ,由于目前Echarts官网已经不提供地图的下载。下面是echarts.min.js china.js和各个省份地图的js的资源,方便大家下载。 链接 ...
第三阶段是数据下钻,要求点击省可以下钻到各个地市的数据显示。 1:首先,要显示相应的地图需要导入相应的js 上一篇文章中分享的链接同样包含各个省份的js 链接: https://pan.baidu.com/s/1MFt-0LqAUQXzpiI1qy-Q0w ...
太难了,弄了好几天的全国疫情统计可视化,今天终于完工了,在全国疫情统计可视化博客的基础上,完成了全国疫情统计可视化+数据下钻,可以点击省,显示各省的详细数据信息。我观摩了很多大佬的博客,在大佬们博客上,我学习到了很多,包括思想和知识,自我感受阶段二和阶段三比阶段一有很大的难度。实属不易呀呀呀。真切 ...
题目: 代码实现: 用到的插件有: jquery-1.83.js echarts.js 可从网上下载 bean层: dao层: ...
其基础上进行了修改和改进。 题目要求: 在全国地图上使用不同的颜色代表大概确诊人数区间,颜色 ...