图表属性

  • 文档创建者:doreen0813
  • 编辑次数:46次
  • 最近更新:Leo.Tsai 于 2021-02-18
  • 1. 概述

    1.1 版本

    版本
    JAR包功能变动
    5.1--
    5.1.62020-9-30

    去掉「图形属性」tab下切换图表类型的功能(除自定义图表外)

    5.1.82020-12-04「图形属性」滑块设置项支持自定义数值大小
    支持输入16进制代码设置颜色
    5.1.92021-01-06属性设置入口优化

    1.2 应用场景

    进行数据可视化时,我们希望用几何对象的图形属性(颜色、形状、尺寸等)直观地表达数据,在 FineBI 中可以在「图形属性」中实现。

    1.3 功能简介

    当图表有多个指标时,「图形属性」下会出现「全部」和指标名字。如下图所示:

    2020-11-26_14-39-29.png

    • 在「全部」中设置的图形属性对所有指标生效,即同时对「合同金额」、「回款金额」生效。

    • 在「合同金额」中设置的图形属性只对指标字段「合同金额」生效,对「回款金额」不生效。

    2. 颜色

    2.1 设置图形颜色

    例如,想将柱形图的柱子设置成蓝色,那么可以点击颜色设置,选择蓝色,如下图所示:

    2020-12-24_14-17-55.png

    2.2 用颜色区分维度

    将维度字段拖入颜色栏即可实现。

    1)使用颜色区分「省份」的柱子,可以将维度字段「省份」拖入颜色栏。如下图所示:

    每个省份颜色不同,同时图表右侧自动生成图例。对图例设置可参考文档:图表组件样式

    2020-12-24_14-59-36.png

    2)点击颜色栏,可以对配色方案效果不透明度边框自定义设置,如下图所示:

    颜色点击色块设置图形颜色,支持透明、自动、自定义。自定义支持输入16进制代码和 RGB 设置颜色
    配色方案支持统一调整图形颜色。
    效果设置是否开启颜色效果,开启会产生图形本身的渐变效果
    不透明度调整图形颜色不透明度,支持滑动滑块及手动设置数值两种方式
    边框设置边框颜色及样式

    2020-12-24_15-14-25.png

    2.3 开启效果设置渐变

    柱形图,饼图,面积图和漏斗图都能直接设置渐变效果。

    注:当效果按钮灰化后,会渐变效果不生效。

    • 以柱形图为例,开启后产生线性渐变效果,如下图所示:

    • 以面积图为例,开启后,产生由最高值到横坐标轴的渐变效果,如下图所示:

    注:开启渐变后不透明度按钮灰化,则表示不透明度设置不生效。

    2020-12-24_14-53-29.png

    2.4 拖入字段设置渐变

    在颜色栏拖入指标字段即可实现图形按指标大小渐变。

    将「销售额」拖入颜色栏,可以根据指标「销售额」的数值大小进行颜色区分。数值最小的西北颜色最浅。如下图所示:

    2020-12-24_16-51-02.png

    点击颜色栏,可以根据数值大小对渐变类型渐变方案渐变区间效果不透明度边框进行自定义。按照渐变类型分为连续渐变区域渐变

    2.4.1 连续渐变

    设置连续渐变,效果如下图所示:

    渐变类型连续渐变
    渐变方案生长
    渐变区间自定义
    区间个数2
    区间值和颜色如下图所示

    2020-12-24_17-10-20.png

    2.4.2 区域渐变

    区域渐变,设置绿色橙色的渐变效果。效果如下图所示:

    渐变类型区域渐变
    渐变方案生长
    渐变区间自定义
    区间个数2
    区间颜色及范围如下图所示

    2020-12-24_17-10-51.png

    2.5 柱形图堆叠效果

    将「所属小区」拖入颜色栏,并对指标「销售额」开启堆积,则可以将大区的柱子分成 时尚感 生活馆 两部分。如下图所示:

    2020-12-24_17-24-25.png

    同样的点击颜色栏也可以对配色方案效果不透明度边框自定义设置。

    3. 大小

    大小属性为设置组件中元素的大小,面积图饼图、填充地图不支持该属性,其余图表类型均支持。

    3.1 调整图形大小

    已柱形图和折线图为例:

    • 柱形图

    点击大小栏,可以调整柱形图的柱宽圆角角度,如下图所示:

    1608802651261695.png

    • 折线图

    点击大小栏,可调整折线图线宽,如下图所示:

    2020-12-25_10-09-24.png

    3.2 拖入指标字段

    将指标拖入大小栏,可以根据指标值的大小映射到图形的大小中。

    以散点图为例,将「毛利」拖入到大小栏中,毛利数值越大,点的尺寸越大,直观观察到北方区生活馆毛利额最大。如下图所示:

    1608862430422130.png

    4. 标签

    1)将字段拖入标签栏,可以在图表上显示文字注释,点击设置,即可对标签显示效果进行。如下图所示:

    显示标签是否显示标签
    内容格式自定义标签显示内容及字体的样式
    标签位置设置标签的位置
    标签显示可以选择显示全部,或显示组内的最大值或最小值
    标签显示方式自定义标签是否可以重叠,即不重叠时显示方式

    注:若计算指标是聚合函数,拖维度字段到标签中就会参与计算。

    1608862677160711.png

    5. 提示

    默认提示在分析区域及图表属性中添加的字段。将其余字段拖入提示栏,可添加提示的内容。

    点击「内容格式」可设置文本内容及样式,还支持设置「背景色」,拖入「毛利」后,点击内容格式皆可选择对应字段。如下图所示:

    内容格式更改提示的内容、字体样式
    背景色显示标签的背景色
    显示维度下所有提示勾选后可以显示该维度下所有的提示信息

    2020-12-25_11-10-21.png

    设置后效果如下图所示:

    2020-12-25_11-42-08.png

    注:如果图形属性区域有不同于横纵轴上的其他维度字段,这个时候勾选显示维度下所有提示就会显示成*」,如下图所示:

    1613619312574413.png

    6. 细粒度

    6.1 定义

    细粒度:细粒度表示数据的细化程度。

    例如老板想要知道知道 2019 年每个月的销售额。若是你给他 2019 年总的销售额数据,这个数据对他来说就太粗了;若给他 2019 年详细的每个订单的销售额数据,这个数据又太明细了。这里的「太粗」和「太细」就是指的数据的细粒度。

    6.2 示例

    「所属大区」与「销售额」的饼图如下图所示。将「所属小区」拖入细粒度栏,北方区显示为三个小区的销售额:东北、华北、西北,如下图所示:

    2020-12-25_11-52-16.png


    7. 形状

    7.1 更改形状

    聚合气泡图为例,点击形状栏,可以更改气泡的形状,如下图所示:

    2020-12-25_13-42-20.png

    7.2 拖入维度字段

    散点图为例,将「所属大区」拖入形状栏,即可用形状区分每个大区的销售额。

    可以看出「时尚馆」中「北方区」的销售额最高。如下图所示:

    2020-12-25_13-50-37.png

    7.3 拖入指标字段

    将「销售额」拖入形状栏,可按照「销售额」数值的大小显示不同的形状。

    点击形状设置,可以对形状类型及区间进行自定义,设置条件及形状,如下图所示:

    2020-12-25_14-08-54.png

    效果如下图所示:

    2020-12-25_14-13-05.png

    8. 连线

    可对 折线图 和 雷达图 设置折线属性。

    点击连线栏,可以切换雷达图和折线图,可以切换线型和标记点,如下图所示:

    注 1:若要转化为雷达图,需要至少一个维度、一个指标字段,且横纵轴不能同时存在指标字段。

    注 2:雷达图不可以对线型进行设置。

    2020-12-25_14-35-21.gif

    9. 半径

    饼图所特有的属性,半径指的饼图的半径大小。

    9.1 调整半径和内径

    点击半径栏,可以调整饼图的半径和内径,如下图所示:

    「半径大小」可直接调整饼图的大小,而「内径占比」则调整饼图的圆环宽度(即中间内径的大小)。

    1608878351109067.png

    9.2 拖入指标字段

    半径中拖入指标字段转换为玫瑰图。玫瑰图用半径展示数据区别。

    想展示每个小区的销售额状况,但数据相近时,很难看出差别。将「销售额」拖入半径,选择不共用半径,将销售额的数值大小映射到饼图的半径上,就可以方便的看出来中南地区销售额最高。如下图所示:

    2020-12-25_14-42-43.png

    9.3 拖入维度字段

    将维度字段「所属小区」拖入半径,每个半径不同的扇形代表一个「所属小区」,销售额依旧映射在弧度的角度上。如下图所示:

    2020-12-25_14-46-37.png

    10. 角度

    角度是饼图的特有属性。为饼图每个扇形的弧度大小,将指标字段拖到角度栏,就可以将该指标数值的大小映射到角度大小上。

    上海市的销售额最高,所以在饼图中的角度占比越高。如下图所示:

    2020-12-25_14-49-45.png

    11. 热力色

    热力色是热力区域图热力地图的特有属性。点击设置,即可对热力色的渐变方案不透明度进行更改。

    将指标「合同金额」拖入热力色栏,再点击热力色设置,即可对渐变方案渐变区间不透明度进行设置,可以看到合同金额最高的北京,热力色颜色为红色。如下图所示:

    1608879409348954.png

    12. 文本

    文本属性是 指标卡 和 词云 的特有属性。点击文本栏可以对内容格式进行更改,如下图所示:

    2020-12-25_15-01-39.png

    附件列表


    主题: 构建图表和分析数据
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-127-81526