历史版本5 :制作图表组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

数据分析的结果,往往需要通过图表展示,

图表种类繁多,如何选择正确的图表达到“一图胜千言”的效果呢。图表分成几个大类,用户可根据自己的目的选择适合的图表。

使用图表的目的
适合的图表类型
展示指标指标卡、仪表盘
比较柱形图、对比柱形图、分组柱形图、堆积柱形图、分区折线图、雷达图、词云、聚合气泡图、玫瑰图
占比饼图、矩形块图、百分比堆积柱形图、多层饼图、仪表盘
趋势折线图、范围面积图、面积图、散点图、瀑布图
分布地图、散点图、热力区域图、漏斗图

1.2 示例简介

案例根据几个分类中最常用的几个图「指标卡、柱形图、饼图、折线图、地图」作为介绍的重点。帮助大家学习如何在  FineBI 中制作图表。


示例数据:表格图表_办公用品销售数据.xlsx

1653287416436610.jpg

2. 制作普通图表编辑

在添加图表之前,需要将示例数据下载,并添加到 FineBI 中,使用示例数据添加组件。

如何上传数据并添加组件详情请参考:5分钟上手FineBI

2.1 指标卡

1)查看一下办公用品的销售总额。

选择图表类型「KPI指标卡」,并在「图表属性>文本」中拖入「销售额」字段。完成后如下图所示:

2022-05-25_14-00-17.gif

2)美化

点击「文本」,设置文本的展示格式。点击分析区域「销售额」字段,下拉调整「数值格式」为万。完成如下图所示:

1653467739769556.jpg


2.2 柱形图/折线图

最常用的反应数据情况和变化趋势的图表。

1)制作图表

拖入字段,并设置字段下拉按「年」分组。完成后选择「自定义图表」,选择「图形属性」的图形类型。选择「柱形图」就是柱形图,选择「折线图」就是折线图。如下图所示:

2022-05-25_16-57-55.jpg

2)多指标柱形图

此时,再拖入「利润」。当有多个指标时,自定义图表支持对每个指标的图形进行设置。如下图所示:

2022-05-25_17-03-36.jpg

如果图形属性,不同指标选择不同的类型,就变成了组合图。详情见本文第 3 节。

2.3 图表美化

1)美化图表:在「图形属性」中,美化图表

分别设置图形属性下「全部」的颜色大小。销售额和利润分别在「标签」中拖入字段,并修改数值单位。如下图所示:

2022-05-25_17-24-03.jpg

完成后效果如下:

2022-05-25_17-30-54.jpg

2)美化组件:在「组件样式」中,美化背景、图例、网格线等

1653621841661115.jpg

可以更加自己的主观审美优化。完成后,如下图所示:

组件样式设置详情可参考文档:图形组件样式

1653622084158203.jpg

3. 制作组合图编辑

例如,使用柱形图和折现图组合起来展示销售情况。将多个指标使用同一维度分析。并放在同一张图内展示。 FineBI 可以自定义指标的展示形状。

例如,我们要求,每个季度的销售额情况、和销售额环比增长率情况。

实现思路:1)对「签约日期」进行处理,变成季度;2)添加字段,计算出销售额按季度的环比增长率。

3.1 数据处理

 FineBI 支持一键添加环比增长率。在制作图表之前,先将要分析的维度、指标字段先使用分组表展示。

进行完数据处理后,再一键转化成图表。

1)添加分析字段:将字段拖入维度指标栏(销售额拖入两次);

2)数据分组:下拉日期字段「签约日期」选择「年季度」;

3)快速计算:下拉指标字段「销售额」并进行「快速计算>同环比>环比增长率」得到指标后重命名。如下图所示:

2022-05-26_10-33-14.jpg

3.2 制作组合图

1)切换图表:准备好可视化图表需要的数据后,点击「自定义图表」即可一键进入组合图制作;

2)设置组合图图形:组合图的「图形属性」中点击对应指标,可以设置不同的图形。例如希望销售额是「线」,销售额环比增长率是「柱形图」;

3)设置值轴:完成后,由于两个指标共用一个左值轴,导致数据显示不合理。点击下拉「销售额环比增长率」。可以设置值轴为「右值轴」。

2022-05-26_10-52-05.jpg

3.3 图形美化

在「图形属性」中美化,是可以对全部、或单个指标进行美化的。

1)对柱形图美化,需要点击「图形属性>销售额环比增长率」。

①设置小于 0 的柱形图红色显示:在颜色拖入「销售额」并计算环比增长率。点击「颜色设置」设置自定义区间;

②显示最大最小值:在标签拖入「销售额」并计算环比增长率。点击「标签设置」最大/最小值;

③设置柱形图圆角:点击「大小设置」,设置圆角数值。

2022-05-26_11-08-32.jpg

2)对折线图美化,需要点击「图形属性>销售额」。例如,只修改图形颜色,点击「颜色设置」修改颜色。如下图所示:

2022-05-26_11-38-44.jpg

3)如果希望折线图不被柱形图遮挡。需要调整指标顺序。让折线图指标「销售额」显示在最后一个。如下图所示:

2022-05-26_11-10-37.jpg

3.4 设置分析线

我们观察到销售额是一条起起伏伏的折线。除了通过销售额环比观察它的趋势。我们还可以添加分析线。

2022-05-26_11-43-34.jpg

分析线有警戒线和趋势线。如下图所示:

趋势线:能够反应出折线变化的大体趋势。

警戒线:是一条平行与维度字段的线。能够画出指标的最大、最小、平均值。

关于分析线详情请参见文档:图表设置警戒线/趋势线

2022-05-26_11-46-01.jpg

3.6 特殊显示

对于一些满足条件的指标可以添加特殊显示效果。例如,销售额最大的柱子,可以添加图片填充和闪烁效果。如下图所示:

如何设置特殊效果可以参考文档:图表特殊显示

2022-05-26_20-41-00.jpg

4. 制作地图编辑

使用地图查看指标不同地区分布情况。

制作地图第一步需要进行待分析区域字段的「地理角色」转化。

实现思路:1)将「省份」转化为地理角色;2)选择「区域地图」拖入字段,制作图表。完成如下图所示:

2022-05-26_21-02-39.jpg

我们可以看到根据销售额大小,得到一张渐变的区域地图。

制作地图详情可参考文档:地图简介


地图美化

1)制作好的地图,我们可以修改它区域地图的颜色。如下图所示:

1653620300787918.jpg

2)还可以在组件样式。美化它的地图背景,边框等。如下图所示:

1653620367210237 (1).jpg

5. 课后作业编辑

看完本章内容,恭喜您!已经完成了图表的学习。那么,请尝试大致还原一下仪表板。如下图所示:

2022-05-27_11-40-11.jpg