先上图
欢迎关注公众号获取跟多资讯
本文推荐的几款大屏模板，旨在帮助那些有大屏数据可视化开发需求的同窗可以快速上手，把更多的时间、精力放在报表自己的开发上。
该套模板采用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源创计划”，欢迎正在阅读的你也加入，一块儿分享。