目標: 這周我們學習了百度圖表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層: ...
其基礎上進行了修改和改進。 題目要求: 在全國地圖上使用不同的顏色代表大概確診人數區間,顏色 ...