反馈已提交

网络繁忙

制作图表组件

  • 文档创建者:April陶
  • 编辑次数:2次
  • 最近更新:April陶 于 2022-05-27
  • 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)美化组件:在「组件样式」中,美化组件背景、标题、网格线等

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

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

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

    2022-05-27_11-27-34.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)还可以在组件样式。美化它的地图背景,组件标题、边框等。如下图所示:

    2022-05-27_10-53-19.jpg

    5. 课后作业

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

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

    附件列表


    主题: 数据分析进阶
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭