构建可视化组件概述

1.1 版本

1.2 应用场景

FineBI 可以为客户实现数据可视化，进行可视化分析。使用各种表格和图表类型来展示多维分析的结果。FineBI 用于数据分析的可视化组件包括表格、图表、时间过滤组件、文本组件、树控件等等多样化的类型，能够提供给用户更丰富的选择。

上图是实现的留存率分析，相关文档可参考：留存分析

1.3 功能简介

本章主要介绍如何管理图表/表格组件，包括添加组件、编辑组件、删除组件、复制组件。

2.1 新建仪表板

1）登录 FineBI 数据决策系统（需要是 BI 编辑用户才可以），选择「仪表板>新建仪表板」，新建一张用于数据分析的仪表板，为该仪表板命名为 test ，如下图所示：

2）点击「确定」后，即可进入该新建仪表板的编辑界面，如下图所示：

2.2 添加组件

FineBI 可为仪表板添加三种组件，分别是图表/表格组件，过滤组件和其他组件，之后章节将详细介绍（详见本文第 6 章）。此处简单介绍如何添加图表组件。

详细文档介绍参考下表：

1）在仪表板编辑界面即可添加组件，有三种方式：

• 单击页面中间的「添加组件」按钮。

• 单击页面左侧的「组件 + 」按钮。如下图所示：

• 点击左侧组件栏中的组件「+」，拖至编辑页面中可将组件添加到指定位置，如下图所示：

2）添加组件后，选择需要分析的数据表。在对应的业务包下，选择要进行数据分析的数据表，完成点击「确定」。如下图所示：

3）点击「确定」，进入组件设置界面，组件的详细设置将在后续章节介绍，详细设置界面如下图所示：

2.2.1 设置字段显示顺序

有时，用户已经在制作数据表时调整好了字段顺序，希望利用数据表已经做好的字段顺序显示，便于后续进行数据展示。

在待分析区域支持设置字段显示顺序，默认按照字段类型显示，即按照「字段分组」、「日期」、「文本」、「数值」、「计算字段」顺序排列显示，如下图所示：

若用户需要按照 BI 中制作组件的来源数据表字段顺序排列，则切换为「不排序」即可，如下图所示：

2.2.2 添加计算字段

若用户希望在仪表板中继续进行数据处理，新增计算列，则需要使用计算字段，详情参见：添加计算字段

2.3 制作组件

用户需要先选择自己要制作的图表，然后将字段拖入分析区域。

例如：选择「多系列柱形图」，将待分析区域字段「区域」和「可售面积」拖入分析区域，如下图所示：

注：选择待分析区域字段时，按住 ctrl/command 或者 shift 键可同时选择多个字段，一起拖入分析区域。

2.4 组件美化

设置图形属性和组件样式，对组件进行美化，如下图所示：

详情可参见文档：图表属性 和 图表组件样式

2.5 效果查看

制作完成的组件，如下图所示：

若是在仪表板编辑页面想进入组件详细设置页面编辑组件，有两种方式：

• 可以选中编辑的组件，即可看到右上角有多个操作按钮。选择「  >编辑」，如下图所示：

• 单击组件，选择按钮，如下图所示：

已制作好的组件有两种方式删除，分别是在组件详细设置界面和仪表板编辑界面。

• 在仪表板编辑界面删除，点击组件，选择「>删除」，如下图所示:

• 进入组件详细设置界面，鼠标触碰组件名，会出现「删除」按钮，点击即可删除组件。如下图所示：

若是想在该仪表板中复制一个一模一样的组件，就可以使用复制功能。复合过滤组件、查询组件、重置组件不支持复制。若复制的组件存在自定义联动，将保留其自定义联动配置。

如果想复用其他仪表板的组件，可参见：组件复用 。

有两种复制方式：

• 在仪表板编辑界面复制。点击组件，选择「>复制」，如下图所示：

• 在组件编辑界面复制，如下图所示：

如果用户由于不开启 Websocket 或者其他原因导致数据集更新后组件获取不到最新的数据，5.1.16 版本可通过手动刷新当前组件，显示最新数据。

进入组件编辑界面，选择刷新，如下图所示：

注：刷新仅对当前组件生效，不影响同仪表板中其他组件的状态。