springboot整合Echarts實(shí)例, 餅圖-折線圖-柱狀圖
一、Echarts
ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀,生動(dòng),可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表。ECharts最初由百度團(tuán)隊(duì)開源,并于2018年初捐贈(zèng)給Apache基金會(huì),成為ASF孵化級(jí)項(xiàng)目。
ECharts 提供了常規(guī)的折線圖、柱狀圖、散點(diǎn)圖、餅圖、K線圖,用于統(tǒng)計(jì)的盒形圖,用于地理數(shù)據(jù)可視化的地圖、熱力圖、線圖,用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖、treemap、旭日?qǐng)D,多維數(shù)據(jù)可視化的平行坐標(biāo),還有用于 BI 的漏斗圖,儀表盤,并且支持圖與圖之間的混搭。
ECharts,一個(gè)使用 JavaScript 實(shí)現(xiàn)的開源可視化庫,可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上,兼容當(dāng)前絕大部分瀏覽器(IE8/9/10/11,Chrome,F(xiàn)irefox,Safari等)。
二、springboot后端代碼
1、實(shí)體類
2、控制層Controller類
三、前端HTML頁面
(1)餅圖
(2)效果圖

(3)柱狀圖
(4)效果圖

(5)折線圖
(6)效果圖

引入js文件,需要注意版本問題。
標(biāo)簽: