仪表板

数据可视化看板仪表板布局设计

发布时间:2024/5/30 11:11:45   
北京中科皮肤医院好不好 https://jbk.39.net/yiyuanzaixian/bjzkbdfyy/jzpj/

帆软FineBI数据可视化看板:仪表板是展示数据分析而创建的可视化组件的面板,其中可以添加任意组件,包括韦格、图表、控件等。-张布局合理、色彩搭配美观、主次分明的仪表板可以让用户快速了解最重要的信息、方便查阅更详尽的信息,据此做出重要合理的决策。

仪表板的用途是引导读者查看多个可视化图表,讲述每个数据见解的故事,并揭示数据见解之间的联系。因此在设计仪表板布局的时候,应当正确地引导用户的视线,方便用户阅读、发现重要的信息。

任务描述

在项前面的图表学习中我们认识了常用图表的设计及OLAP分析,介绍的对象均为单张图表组件制作,有时候单张图表组件并不能满足多个角度的分析需求,需要使用多张图组件并设置它们之间的交互:另外,我们有时还需要利用过滤等手段进行数据分析,从而实现更全面的分析,这时候仪表板就派上了用场,同时我们需要将分析结果更美观地展现出来。

目前,有一份年1月~年3月某公司原料采购数据,包含“时间”“原料“供应商”“采购量”“采购金额”“合格量”“及时到货量”字段,如图所示。

针对这份数据源,利用项目三、项目四的知识创建一一个原料分析仪表板,并在仪表板中添加“月度采购量趋势”“原料采购量分布”“原料含税平均单价分布”“采购原料合格率““供应商采购量排序”“供应商产品合格率/到货及时率组件”,如图所示。

本次任务需要完成“原材料采购分析”仪表板布局的设计,主要完成:

(1)网格布局的设计。

(2)添加时间、供应商和原料过滤组件。

(3)添加文本和图片组件。

(4)设置组件悬浮功能。

知识准备1.故事性可视化仪表板布局

在设计仪表板之前,我们首先需要知道用户的习惯和阅读需求。通常来说,用户查看一个仪表板或者一个可视化作品的时候就像看一本书-样,遵循着从上到下从左到右的原则。最重要的核心指标分析-般放在左上方或者顶部,选择使用较大的数字进行KPI指标汇总显示,如果需要添加过滤控件进行页面级的辅助数据筛选,那么控件的位置一般放在顶部,其他些次重要的分析指标可以放到左下方,最后是一些相对不那么重要的数据或者是引导式分析的数据、明细数据、需要精准查看的数据等,可以放到仪表板的右下方位置。

如图所示的故事性仪表板就遵循了从上到下、从左到右的原则,将重要的“医药客户数据分析”标题信息、“在销客户”汇总等信息放置在项部,相对全局性的“客户口域分析”信息放置在左侧,其他“客户等级分析(客户数量)”等次要信息放置在右下方。

2.常见仪表板布局版式

在进行仪表板布局设计时,我们需要分清展示内容主次关系、层级关系,从而选择合适的布局,以便合理、清晰地讲述数据故事。所以在制作仪表板时可以给予不同内容不一样的侧重,比如在做一些管理驾驶舱或者大屏看板的时候,往往展现的是一个企业全局的业务,-般分为主要指标和次要指标两个层次,主要指标反映核心业务,次要指标用于进一步阐述分析,我们通常将一些比较重要的数据放到中部进行展示。这里推荐几种常见的版式,如表所示。

需要注意的是,图中所示的版式不是金科定律,只是常见的主次分布版式。在实际项目中,不定非要使用主次分布,也可以使用平均分布、层级分布,或者它们组合便,目的是将数据故事讲清楚、方便用户使用。当指标数量较多、存在多个层级关系时,如图所示层级布局,效果会很好。

3.网络布局与自由布局

FineBI的仪表板布局方式包含网格布局、自由布局,默认为网格布局。网路布周只支

持纵向延伸,不支持横向延伸。网格布局将平面按规则划分成若干单元格,每个组件占据一定数量的单元格。组件大小可在仅表板中自由拉伸,宽度最大为屏幕宽度。发生变化时,随着屏幕实际宽高划分单元格,组件相对整个屏幕的比例不变。自由布局通过设置组件悬浮实现,为组件设置悬浮后,可自由拖动摆放位置及大小,它支持调整设置组件叠放时的顺序。

归纳总结

我们已经根据组件重要性调整了组件的大小和在仪表板之间的位置,通过设置,仪表板组件的表层的层次结构已经变得清楚明了了。

因此,当我们完成图表的分析后,并不意味着已经完成了数据分析报告,如果知识几个图表的组合拼接成的一个仪表板,可能会让用户难以阅读和理解。由于数据可视化分析报告的可读性至关重要,因此我们需要调整组件的组合布局,使用简短有力的标题的文本,并结合过滤组件,传达更有价值的观点,信息和故事。



转载请注明:http://www.aideyishus.com/lkjg/7203.html
------分隔线----------------------------