大屏可視化展現滿滿科技感--大屏數據可視化模板

先上圖

歡迎關注公衆號獲取跟多資訊

本文推薦的幾款大屏模板,旨在幫助那些有大屏數據可視化開發需求的同窗可以快速上手,把更多的時間、精力放在報表自己的開發上。

該套模板採用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源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索