历史版本9 :⑦仪表板布局美化 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

关于仪表板内的组件制作完成后,我们需要对仪表板的整体,进行布局,丰富内容,整体美化,完成一张仪表板的制作。


使用文档学习可参考下文,视频学习如下:

[helpvideo]4232[/helpvideo]

2. 常用场景编辑

先简单介绍一下本文示例中会学习到的一些常用的功能场景。

2.1 添加其他组件

在仪表板编辑界面,可以添加其他组件来丰富界面。在仪表板编辑界面点击「其他」即可添加Tab 组件、图片组件、文本组件、Web 组件组件。

了解更多其他组件功能详情参见文档:其他组件概述

2022-08-17_19-23-26.png

2.2 仪表板美化

如何快速设计数据图表?详情参见:可视化指南

1633586666381027.png

仪表板美化一般使用「仪表板样式」,Tab组件点击「样式设置」美化。入口如下图所示:

2022-08-17_19-51-11.png

如果要对某个图表进行单独美化,需要进入组件编辑界面的美化。更多可查看:图形组件样式

3. 场景示例编辑

3.1 Tab 组件

对于调整过布局的组件,感觉有些是一个主题的,可以放在同一个 Tab 下展示。

1)点击「其他>Tab组件」,将组件拖入 tab 页中。点击 tab 页右侧「+」添加新的 tab 页。

tab 页
页内组件
销售额分析「商品销售额」、「商品大类-销售额」
毛利分析「月毛利额变化趋势」、「毛利率分析」



3.2 文本组件

这时,一张销售报告基本成型。希望增加一个「XX连锁超市销售报告」的标题。我们可以点击「其他>文本组件」制作。

如果我们需要一些外部链接作为辅助说明,可以点击文本框。添加超链(例如:www.finebi.com),输入对应信息(例如:点击进入超市官网)后,成功插入超链,并调整文本位置大小即可。

3.4 仪表板美化

对于整张仪表板,我们可能觉得整体风格不满意,可以进行调整。

3.4.1 仪表板样式

点击「仪表板样式」进入界面,选择想要的风格。如果觉得还需要自定义的修改,可以选择「自定义」进行设置,根据自己的喜好设置。

Tab 组件样式也可根据需求修改。选择「Tab组件>下拉>样式设置」进行自定义。如下图所示:

我们可以调整一下标题颜色、数值单位格式、组件大小等,来继续美化仪表板。

3.5 效果预览

调整完成后的仪表板,点击右上角的「预览」进入预览仪表板界面,查看全部数据计算结果。如下图所示:

注:若想仪表板默认情况下筛选出2020年1月的数据,在仪表板编辑界面做好筛选再进入预览界面即可。

2023-09-13_17-00-11.png

4. 课程结语编辑

恭喜你!到此完成了所有的分析步骤,并完成了【入门分析案例介绍】中的部门经理的工作任务,得到了分析结果。相信您已经学会了FineBI最常用的大部分功能。希望我们的课程给您带来收获,并祝您生活愉快!

1687316593450689.png

5. 更多编辑

对于用户的常见需求,在此简单整理一些建议:


日常工作的一些功能或场景问题使用帮助文档目录查找、搜索功能关键词
进阶学习某个模块内容(数据处理与计算、表格图表、组件交互、函数等)FineBI应用教程干货合集

进阶学习课程

不同用户角色学习(查看者、数据分析师、管理员)FineBI产品功能学习清单