反馈已提交

网络繁忙

四、可视化组件

  • 文档创建者:April陶
  • 编辑次数:3次
  • 最近更新:April陶 于 2021-11-25
  • 1. 概述

    在上一章节,我们已经针对单个表进行了计算。但是可能遇到很多问题,比如只用表格看数据,可能难以从计算结果中读出有效信息 。因此,学习本章节,掌握可视化分析技巧是必要之举。

    当然,这里不建议大家直接制作图表,而是建议大家先用表格把需要的数据计算好,数据没问题了再进行可视化。

    视频课程:点击进入视频学习

    2. 场景

    2.1 如何选择正确的图表

    FineBI 提供了丰富的图表,按照自己的需求选择对应的图表进行制作。若不知道如何选择图表,可以参考文档:如何选择正确的图表

    1598585225517293.png

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

    2021-10-07_14-03-30.png

    2.2 如何制作自定义图表

    自定义图表可以让用户制作多种多样的组合图,满足用户更自由的探索需求。详情参见:自定义图表(组合图)

    例如可以实现柱形图与面积图组合,如下图所示:

    1600740816404768.png

    2.3 制作饼图

    制作饼图需要至少一个维度、一个指标字段。但不能放在维度指标栏内,需要放在图形属性下。详情参见:饼图

    2021-10-07_14-12-02.png

    3. 示例

    完成了上一节内容学习后,已成功学习如何制作表格组件和分析数据,接下来进行可视化图表的制作。点击进入上一章内容学习:创建组件和分析数据

    3.1 制作自定义图表

    如果你还没有很确定想要什么图表,或者说可能需要在一个图表上组合多种图形,那建议选择自定义图表,便于随时调整你想要的图表。

    毛利额环比增长率表,感觉给人的效果不够直观,不能突出显示出其变化。所以,使用柱形图和折线图组合的方式实现可视化效果。

    3.1.1 复制组件

    首先,复制毛利额环比增长率组件。如下图所示:

    2021-09-24_16-07-41.png

    3.1.2 制作组合图

    复制后,图表类型切换成「自定义图表」。在「图表属性」下,可以设置「全部」指标属性,或者「毛利额」、「毛利额-环比增长率」的各自属性。默认情况下,不同月份下的毛利额和环比增长率指标都是柱形图。

    2021-09-24_16-10-06.png

    若希望「毛利额」是折线图、「毛利额-环比增长率」是柱形图。点击「图形属性」下的「毛利额」,对其形状进行修改,选择「线」。

    2021-09-24_16-16-55.png

    但此时,两个指标共用了一个右侧值轴,数据大小的差异导致「毛利额-环比增长率」柱形图效果不好。如何让左边是毛利率的值轴,右边是毛利额-环比增长率的值轴呢?

    3.1.3 设置值轴

    首先,确认一下,指标的展示形式是「指标聚合」,然后,选择「毛利额-环比增长率」下拉,「设置值轴>右值轴>确定」。完成设置。

    2021-09-24_16-37-57.png

    3.1.4 设置图例

    在 图表属性 中的颜色、大小、形状、热力色、半径中存在字段,即可生成对应图例。示例默认在「全部>颜色」添加了「指标名称」字段。

    2021-09-24_16-59-00.png

    设置值轴后发现,图例的位置遮挡住了图形,想显示在图形下方。点开「组件样式>图例」设置位置在下方。效果如下图所示:

    2021-09-24_17-06-30.png

    3.1.5 设置图形颜色

    若想要负增长的「毛利额-环比增长率」突出显示。可以在「图形属性>毛利额-环比增长率」下的「颜色」内设置。

    1)复制「毛利额-环比增长率」拖入「图形属性>毛利额-环比增长率」下的「颜色」内。如下图所示:

    2021-09-24_17-36-11.png

    然后点击「颜色」设置按「毛利额-环比增长率」的数值「区域渐变」,「自定义」2 个区间,并设置值 <0 是红色,>0 是淡蓝色。

    2021-09-24_17-29-28.png

    效果如下图所示,若想折线图在最前面,调整指标顺序即可。

    2021-09-24_17-52-30.gif


    3.2 制作饼图

    如果你已经很确定了想用什么图表展示数据,可以直接选择已有图表。例如,想求根据入门表,求一下不同商品类别的销售额的占比饼图。

    3.2.1 制作组件

    继续使用入门表添加组件。

    2021-09-26_9-43-43.png

    首先,先制作一张分组表,来求得占比数据。

    选择「分组表」并向维度指标栏内,拖入「商品类别」和「销售额」字段。「销售额」字段添加「快速计算」求「占比」。

    详情参见:创建组件并分析数据

    2021-09-26_11-07-09.png

    3.2.2 切换饼图

    然后点击「饼图」切换图形,然后字段自动跳转到对应的位置:图形属性的颜色、角度框内。如下图所示:

    2021-09-26_11-11-29.png

    不要将字段拖入横纵轴,饼图的制作只需要在「颜色」有维度字段,「角度」有指标字段即可实现。

    3.2.3 添加图形标签

    这时候的饼图,并无法知道每块的占比详情。需要在「图形属性>标签」内拖入对应字段实现。如下图所示:

    2021-09-26_11-24-16.gif3.2.4 设置标签项

    我们添加标签后,发现在图形上,无法清晰看见数据,需要对标签项进行设置。因此需要点击标签的设置按钮进行设置。

    点击「标签」,标签位置「居外」,「标签重叠时自动调整位置」。如下图所示:

    2021-09-26_11-26-35.png

    最后设置一下标题,即可。

    2021-09-26_11-30-58.png


    我们学习完如何制作图表组件后,已经在仪表板内存在很多组件了,那么如何给组件,给不同组件之间增加交互效果呢?点击进行下一章内容学习「添加交互效果

    附件列表


    主题: 入门指南
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭