首发于 商业智能研究
如何做一个高端大气上档次的数据可视化驾驶舱?

如何做一个高端大气上档次的数据可视化驾驶舱?

2020年了,数据可视化已经不是个新鲜词了,把数据以可视化图表的形式展示并没有多神奇,用Excel等传统的办公工具也可以轻松实现。

但以前传统数据分析报告就是ppt里贴上Excel制作的图表,再配上分析结论,这种形式的数据呈现是静态的,没办法实时反应业务状态,而且单个图表只能反应局部的数据,但是老板要根据数据综合管理业务,往往需要看到多个数据指标,就需要把各方面数据图表整合到一起,于是一个新的概念“数据管理驾驶舱”就诞生了。

不同的驾驶舱对应着不同的业务数据模块,可以根据不同行业、不同角色、不同场景的需求进行配置,比如零售业常见的销售管理驾驶舱,制造业常见的生产管理驾驶舱,还有一些单独业务模块等等,领导在驾驶舱里一下子就能看到做决策时需要用的关键数据仪表,并且可以对异常的指标进行下钻分析。

销售管理驾驶舱
收入利润分析驾驶舱

数据实时展现,图表之间能够联动,界面高端大气,数据一目了然,这样的数据可视化驾驶舱,领导怎么能不喜欢。那么这种的可视化管理驾驶舱应该怎么做呢?今天我就用一个实操案例,手把手教大家如何制作。

第一步:需求调研

可视化驾驶舱其实就是一款数据产品,从产品经理的思想出发,第一步就是搞清楚用户需求,简单来说就是这三个问题:驾驶舱是给谁看?他想看什么?有哪些关键指标?

比方说我们制作一个可视化驾驶舱,这个驾驶舱的受众可能是公司的ceo,销售总管,各大区销售负责人,或者还有各个基层销售人员,不同的层级,他们关注的数据是不一样的,这时候就需要我们根据业务需求梳理展示逻辑,让数据指标合理呈现在屏幕上

如果遇到复杂的管理型驾驶舱,涉及到多个数据指标,计算过程复杂,建议大家利用鱼骨图来梳理需求

第二步:根据指标选择对应图表

确定了要展现的数据指标之后,下一步就是根据指标分析的场景,选择对应的图表,这里放一张经典的图表选择指导图给大家参考:

第三步:布局排版

根据实际需求,确定驾驶舱的主要信息和对应的展示形式,以及其他需要的次要信息和展示形式。就以上面的销售驾驶舱为例,大概的布局如下:

第四步:驾驶舱设计

上面的都是前期的准备工作,这一步就是真正的开发环节了。工欲善其事必先利其器,要制作这样的可视化驾驶舱得选个趁手的工具。

Excel、python、还是专业的可视化软件?

我首先放弃了Excel,可视化模板开发对我来说还是很简单的,也能实现图表联动,但是没办法实现数据实时展现,大数量承载能力也一般。从效率角度讲,python是个不错的选择,但是代码不熟练的话,我劝你放弃。

所以我还是选用专业的可视化软件来做,上手门槛比较低,我用的是国内比较有名的一个报表工具 FineReport,本来以为它是和Excel差不多用法,但是看了网友用它做的可视化大屏,才知道它做可视化开发也很厉害。

话不多说,直接放制作过程:

1、打开设计器,新建一张决策报表

决策报表采用的是画布式的界面,上面的图表组件和控件,可以拖拽到面板上,随意布局

2、新建数据集

新建数据集,通过sql语句取出要用到的数据集,数据源我用的是软件自带的数据。没有sql基础的朋友也不用担心,都是用的最基础语句,看几遍就会了。

新建模板数据集如下:

3、拖拽图表组件布局

数据准备好之后,按照我们之前的排版布局图,把对应的图表组件拖拽到画布上:

4、设置图表

到上一步,我们的驾驶舱雏形就出来了,然后再给每个图表组件绑定好数据源,设置好样式、特效,基本就差不多了。基础图表的设置很简单,我就不展示,给大家看一下数据地图设置:

5、细节美化

配置好图表,可视化驾驶舱的功能性已经完成了,但是视觉上还不够美观,我们可以驾驶舱配上统一的背景和标题,还有一些炫酷的可视化元素

(1)设置大屏背景

背景最好选用深色,所有的图表背景色也最好要一致,背景除了采用颜色之外,也可以用深色系的图片,加上一些视觉设计,效果会更好,给大家推荐几个配色:

这里我选择图片作为背景,选中body,点击属性>样式,设置填充图片,打开背景图片,设置图片格式为拉伸,如下图所示:

(2)主标题边框

为了细节美观,我们还可以给驾驶舱添加一些可视化元素,比如给主标题添加边框,利用一些创意图标等等

在report 标题两侧拖入报表块,并设置控件属性中的样式,以report 左为例,如下图所示:

(3)设置图表块边框

除了顶部的标题框外,各个图表组件的标题也可以用不规则渐变色图片来点缀,在给每个图表组件都搭配简洁的边框,提升整个驾驶舱的层次感。

选中图表块,点击属性>样式,设置填充图片,打开准备好的标题背景图片,设置图片格式为拉伸,如下图所示:

6、预览最终效果

上述设置完后,点击预览,一张科技感的可视化驾驶舱就完成了:

除了一些基础的可视化图表之外,FineReport还提供很多炫酷动态的图表组件,可以实现自动播放、3D动画特效等多种效果,多维度地展示数据,提升驾驶舱科技感、

另外,一些创意元素的应用能够让可视化驾驶舱更加生动,假如我们要做一个航空管理驾驶舱,就可以利用一些飞机图标、图画之类的拟物效果,让驾驶舱效果更加灵动。

总结

多说无益,自己动手实操一遍胜过看文章、资料百遍,要是能做出这样的可视化驾驶舱,领导想不重视你都难!

FineReport免费体验链接:


最后分享一些相关资料:


深圳SEO优化公司开封外贸网站制作推荐泰州SEO按天收费价格成都百姓网标王公司阿里网站改版哪家好阳江模板网站建设价格阿里企业网站设计价格坪山优秀网站设计郴州建设网站多少钱汕头建站哪家好红河设计网站保山建设网站多少钱衡水网站建设设计推荐承德网站设计大鹏网络推广价格锦州SEO按天扣费多少钱潍坊百度网站优化排名价格哈尔滨百度竞价报价昆明建设网站价格乐山网页制作推荐济源网站建设设计价格池州企业网站制作思茅如何制作网站价格清远网站推广多少钱安顺外贸网站制作推荐菏泽模板网站建设报价许昌网站设计哪家好西乡外贸网站设计报价鞍山网站优化按天扣费公司山南seo排名海口百度关键词包年推广歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化