当前位置： 仪表板 >> 仪表板市场 >> 数据可视化看板仪表板布局设计
帆软FineBI数据可视化看板：仪表板是展示数据分析而创建的可视化组件的面板，其中可以添加任意组件，包括韦格、图表、控件等。-张布局合理、色彩搭配美观、主次分明的仪表板可以让用户快速了解最重要的信息、方便查阅更详尽的信息，据此做出重要合理的决策。
仪表板的用途是引导读者查看多个可视化图表，讲述每个数据见解的故事，并揭示数据见解之间的联系。因此在设计仪表板布局的时候，应当正确地引导用户的视线，方便用户阅读、发现重要的信息。
任务描述在项前面的图表学习中我们认识了常用图表的设计及OLAP分析，介绍的对象均为单张图表组件制作，有时候单张图表组件并不能满足多个角度的分析需求，需要使用多张图组件并设置它们之间的交互:另外，我们有时还需要利用过滤等手段进行数据分析，从而实现更全面的分析，这时候仪表板就派上了用场，同时我们需要将分析结果更美观地展现出来。
目前，有一份年1月~年3月某公司原料采购数据，包含“时间”“原料“供应商”“采购量”“采购金额”“合格量”“及时到货量”字段，如图所示。
针对这份数据源，利用项目三、项目四的知识创建一一个原料分析仪表板，并在仪表板中添加“月度采购量趋势”“原料采购量分布”“原料含税平均单价分布”“采购原料合格率““供应商采购量排序”“供应商产品合格率/到货及时率组件”，如图所示。
本次任务需要完成“原材料采购分析”仪表板布局的设计，主要完成:
(1)网格布局的设计。
(2)添加时间、供应商和原料过滤组件。
(3)添加文本和图片组件。
(4)设置组件悬浮功能。
知识准备1.故事性可视化仪表板布局在设计仪表板之前，我们首先需要知道用户的习惯和阅读需求。通常来说，用户查看一个仪表板或者一个可视化作品的时候就像看一本书-样，遵循着从上到下从左到右的原则。最重要的核心指标分析-般放在左上方或者顶部，选择使用较大的数字进行KPI指标汇总显示，如果需要添加过滤控件进行页面级的辅助数据筛选，那么控件的位置一般放在顶部，其他些次重要的分析指标可以放到左下方，最后是一些相对不那么重要的数据或者是引导式分析的数据、明细数据、需要精准查看的数据等，可以放到仪表板的右下方位置。
如图所示的故事性仪表板就遵循了从上到下、从左到右的原则，将重要的“医药客户数据分析”标题信息、“在销客户”汇总等信息放置在项部，相对全局性的“客户口域分析”信息放置在左侧，其他“客户等级分析(客户数量)”等次要信息放置在右下方。
2.常见仪表板布局版式在进行仪表板布局设计时，我们需要分清展示内容主次关系、层级关系，从而选择合适的布局，以便合理、清晰地讲述数据故事。所以在制作仪表板时可以给予不同内容不一样的侧重，比如在做一些管理驾驶舱或者大屏看板的时候，往往展现的是一个企业全局的业务，-般分为主要指标和次要指标两个层次，主要指标反映核心业务，次要指标用于进一步阐述分析，我们通常将一些比较重要的数据放到中部进行展示。这里推荐几种常见的版式，如表所示。
需要注意的是，图中所示的版式不是金科定律，只是常见的主次分布版式。在实际项目中，不定非要使用主次分布，也可以使用平均分布、层级分布，或者它们组合便，目的是将数据故事讲清楚、方便用户使用。当指标数量较多、存在多个层级关系时，如图所示层级布局，效果会很好。
3.网络布局与自由布局FineBI的仪表板布局方式包含网格布局、自由布局，默认为网格布局。网路布周只支
持纵向延伸，不支持横向延伸。网格布局将平面按规则划分成若干单元格，每个组件占据一定数量的单元格。组件大小可在仅表板中自由拉伸，宽度最大为屏幕宽度。发生变化时，随着屏幕实际宽高划分单元格，组件相对整个屏幕的比例不变。自由布局通过设置组件悬浮实现，为组件设置悬浮后，可自由拖动摆放位置及大小，它支持调整设置组件叠放时的顺序。
归纳总结我们已经根据组件重要性调整了组件的大小和在仪表板之间的位置，通过设置，仪表板组件的表层的层次结构已经变得清楚明了了。
因此，当我们完成图表的分析后，并不意味着已经完成了数据分析报告，如果知识几个图表的组合拼接成的一个仪表板，可能会让用户难以阅读和理解。由于数据可视化分析报告的可读性至关重要，因此我们需要调整组件的组合布局，使用简短有力的标题的文本，并结合过滤组件，传达更有价值的观点，信息和故事。
