-
-
小亿 管理员
发表于2018-10-15 16:53
楼主
自从亿信BI的DEMO上线后，受到了薏米们的一致好评。小亿今天为大家双手奉上一锅热腾腾的干货：教大家如何快速的制作一张领导驾驶舱报表。
既然是快速制作，那就不多说废话了，为大家直接上菜，只需掌握好下面的5个步骤就可以刷刷刷“变”出漂亮的领导驾驶舱！
第一步：理清需求，设计草图。
纵然再华丽的外表也需要有内在做基础。了解用户需求，直达用户“痛处”是最关键的一步喔~兄弟，这可是给领导看的页面呀，赶快去摸清自己领导的口味吧^o^
领导驾驶舱呈现的数据是用户最关注的，也是最汇总的数据。让用户一眼就看明白数据重点，形式走向，以便及时做出精准判断，有效决策。
例如：上图是我们官网demo的一个领导驾驶舱页面。主题是超市零售，说到零售行业大家一定都不陌生，生活中处处都离不开商品买卖交易的场景。那么，作为一家连锁超市的领导最关注的是什么呢？
“销售额、销售量、销售完成率！”
没错，这张页面的重点就围绕着这三个指标铺展开来。然后依靠时间维度（本月和上月的对比，日销售趋势等）和各店铺的维度（店铺综合指标排名）来多维度展现这三个指标。
需要注意的是客单价，件单价，人效，坪效这些指标都是根据销售额延伸出来的喔~客单价=销售额/购买的顾客人数件单价=销售额/购买数量人效=每天每人的销售额坪效=每天每平米的销售额
此外，该领导驾驶舱的右侧是库房库存情况的预警，用于实时查看超市的库存情况，以便及时补充库房商品。
第二步：分析展现的制作。
设计好了领导驾驶舱的展现内容之后，小伙伴们就赶紧打开亿信BI吧，开始进行分析展现的制作。
根据第一步的设计稿规划报表布局。布局看似简单，其实是很重要的一个步骤，需要纵观整个页面的排版情况，充分考虑各组件的摆放位置。布局一般用于大的模块划分，容器一般适用于更小的模块分割。
以下面这个领导驾驶舱为例：
布局如下图所示，灰色虚线为布局组件的划分，蓝色区域为容器组件的划分：
第三步：添加组件。
最常用的4类组件：文本、图片、表格、统计图，掌握了这四类组件基本上就可以hold住绝大部分的报表了。
按照设计图的样式该放啥组件就拖啥组件到相应的区域中。是不是觉得so easy呀~
第四步：将业务数据对接到亿信BI中，在报表上展现出来。
先将数据通过表格组件显示，然后将统计图和表格的数据关联，最后将表格隐藏就ok啦。
第五步：最后需要对我们制作的分析展现进行美化。
设置背景颜色，边框样式，文字颜色大小，统计图配色，添加图片一个都不能少喔，做出来的领导驾驶舱一定美美哒。
友情提示：不要忘记设置统计图提示信息的样式和表格的整行高亮及选中样式。
介绍完这5个步骤，是不是顿时觉得领导驾驶舱可以信手拈来啦！快去制作属于自己的领导驾驶舱吧。
如果你对我们DEMO的效果感兴趣，点击查看全新demo详尽的技术解析，包括从导航页到数据等的深度呈现如何实现等技巧。
今天的教程就到这里吧！希望对你有帮助哦~勤加练习，探索更多的解决办法，彰显你的数据天赋！小伙伴们，加油吧！
