-
-
wut 数据老手Lv5
发表于2020-6-6 21:40
楼主
一、页面一览
本次带来的分享是三种色系的大屏应用，来开篇我们先来了解下这三种色彩的应用，以及不同色彩会给人带来什么样的感觉吧~
【金色大屏】
金色当然超级适合听起来就多金的银行、租赁等金融相关行业，不仅给人简约利落的质感，也让人觉得高贵、精致。
【蓝色大屏】
蓝色是可视化大屏常用色，常用于公安、互联网、制造等多个行业，属于大众色，无论咋用都没错。既给人科技感，也不乏高雅品位。
【紫色大屏】
属于胆大的一种颜色，适合打造张扬的大屏，一般应用在新零售、电商、交通等行业，在大屏制作时，需考虑高明度、高饱和度等因素。
注：色彩应用引用【亿信官微】，想要了解更多，请戳这里。
二、页面分析
1、整体框架
酷屏三色模板.zip
(3.43 MB, 下载次数: )
zldp(20200624_135701).zip
(300.14 KB, 下载次数: )
zldp(20200624_152152).zip
(250.81 KB, 下载次数: )
zldp(20200624_151942).zip
(38.94 MB, 下载次数: )
ZHSF(20200624_141810).zip
(3.01 MB, 下载次数: )
背景图.zip
(836.23 KB, 下载次数: )
ytbzh(20200624_143342).zip
(1.15 MB, 下载次数: )
本次带来的分享是三种色系的大屏应用，来开篇我们先来了解下这三种色彩的应用，以及不同色彩会给人带来什么样的感觉吧~
【金色大屏】
金色当然超级适合听起来就多金的银行、租赁等金融相关行业，不仅给人简约利落的质感，也让人觉得高贵、精致。
【蓝色大屏】
蓝色是可视化大屏常用色，常用于公安、互联网、制造等多个行业，属于大众色，无论咋用都没错。既给人科技感，也不乏高雅品位。
【紫色大屏】
属于胆大的一种颜色，适合打造张扬的大屏，一般应用在新零售、电商、交通等行业，在大屏制作时，需考虑高明度、高饱和度等因素。
注：色彩应用引用【亿信官微】，想要了解更多，请戳这里。
二、页面分析
1、整体框架
主题表：全部报表都使用rand()函数产生随机数。
页面结构：固定分辨率，自定义布局
2、模块详解
2.1 金色大屏
此大屏是为金融行业专属打造的，展示企业的资金应用情况。
1）主视觉
通过地图的方式，清晰展现各地，资金投放的情况。并且采用自动切换的方式，动态展示各大省的资金投放的情况。
再加上2个核心指标，当日投放总额、已立项未投放额，展示全国一个大致概览状况。
2）投放比例
通过2个环形图的方式，直观展现资金投放情况的同比、环比，来监测资金投放情况。
3）当日地区排名
通过【光感旋转排名】组件，把资金投放最多的TOP5地区呈现出来。
4）当日资金投放比
通过【环形刻度占比】组件，把投放费用比、逾期率直观的展现出来。
5）投放额&回款额&逾期率趋势
分别通过【面积图】【锥形图】【柱状图】三种不同的形式，呈现指标的波动情况
2.2 蓝色大屏
1）主视觉
突出展示案件数量，然后环饼的形式，清晰的展现各类案件的数量和和占比。
以及参与纠纷人员的数字画像，分别从男女占比，年龄段构成、文化水平构成三个维度进行分析。。
2）湖北省资源统计
通过地图方式展现各地市的情况概览，指标卡的形式展现核心指标。
3）队伍建设情况
通过多系列环形图，展现团队人员在职情况，年龄，文化水准的构成。
4）案件趋势
通过柱状图的形式，情况对比全年的案件数量情况
5）案件类型排名
通过条形图的方式，降序排序。清晰了解湖北省个各地市的案件数量。
2.3 紫色大屏
1）主视觉
通过圆环的形式，展现要粤通宝的总发行量，以及各大客车和货车的占比
2）xx产品的日趋势
通过双系列线状图的形式展现各产品不同版的对比趋势，分析各大产品的销售情况。
3）各渠道受理情况
通过占比图的形式，展现各渠道的受理数量和占比
4）其他
其他模块与上面类似，采用的表现形式与上方一致，不赘述。
三、文件资源
1、报表资源
说明：直接在主题集下导入分析表即可。
2、组件资源
在对应酷屏模板模板中，导入组件资源
3、文件资源
酷屏三色模板.zip
(3.43 MB, 下载次数: )
补充脚本资源+图片资源
在系统管理->资源管理器中
【金色大屏】，导入路径/root/products/ebi/sys/coolrpt/coolresource/js
zldp(20200624_135701).zip
(300.14 KB, 下载次数: )
导入路径/root/products/ebi/sys/coolrpt/coolresource/imgs
zldp(20200624_152152).zip
(250.81 KB, 下载次数: )
导入路径/root/products/ebi/sys/picture
zldp(20200624_151942).zip
(38.94 MB, 下载次数: )
【蓝色大屏】
导入路径vfs/root/products/ebi/sys/coolrpt/coolresource/imgs
ZHSF(20200624_141810).zip
(3.01 MB, 下载次数: )
【紫色大屏】
导入路径 /root/products/ebi/sys/picture
背景图.zip
(836.23 KB, 下载次数: )
导入路径
ytbzh(20200624_143342).zip
(1.15 MB, 下载次数: )
本篇组件资源太多，若有遗漏什么资源，直接留言回复。作者会在第一时间回复。
>>DEMO解析列表：
