先上圖
歡迎關注公衆號獲取跟多資訊
本文推薦的幾款大屏模板,旨在幫助那些有大屏數據可視化開發需求的同窗可以快速上手,把更多的時間、精力放在報表自己的開發上。
該套模板採用CSS3的flex佈局,具有良好的適應性,可以適配普通PC及各種大屏的經常使用分辨率。
模板採用了通用的上下和左中右佈局,把整個大屏分隔成了若干區域(代碼中已實現),方便在具體開發過程當中根據實際須要自行調整。
配色方面,模板均採用深色背景,或採用了簡約風格的背景圖片。html
模板1
在線演示:https://yyhsong.github.io/iDataV/tpl01/index.htmlpython
模板2
在線演示:https://yyhsong.github.io/iDataV/tpl02/index.htmlgit
模板3
在線演示:https://yyhsong.github.io/iDataV/tpl03/index.htmlgithub
模板4
在線演示:https://yyhsong.github.io/iDataV/tpl04/index.html微信
項目演示:https://yyhsong.github.io/iDataV/
項目Github:https://github.com/yyhsong/iDataV佈局
大屏數據可視化
項目案例 - 上市公司全景概覽
flex
項目案例 - 上市公司地域分佈
[外鏈圖片轉存失敗(img-uCM7Yrun-1563199974447)(https://yyhsong.github.io/iDataV/case07/img/thumb.jpg)]
(https://yyhsong.github.io/iDataV/case07/img/thumb.jpg)]
旭日圖 - 基於ECharts V4.2阿里雲
樹圖 - 基於ECharts V4.2spa
地圖數據可視化 - 基於ECharts Geo.net
3D圖表展現 - 基於ECharts GL
熱力圖展現 - 基於ECharts & 百度地圖
ECharts擴展現例
阿里雲DataV示例 - 智慧文旅駕駛艙
阿里雲DataV示例 - 企業實時銷售大盤
百度Sugar示例 - 上交所上市公司全景概覽
百度Sugar示例 - 深交所上市公司全景概覽
大屏模板
大屏模板
大屏模板
大屏模板
本文分享自微信公衆號 - IT民工技術之路(python_er)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。