1. 概述编辑
1.1 版本
| 版本 | JAR包 | 功能变动 |
|---|---|---|
| 5.1 | - | - |
| 5.1.6 | 2020-9-30 | 去掉「图形属性」tab下切换图表类型的功能（除自定义图表外） |
| 5.1.8 | 2020-12-04 | 「图形属性」滑块设置项支持自定义数值大小 |
| 支持输入16进制代码设置颜色 | ||
| 5.1.9 | 2021-01-06 | 属性设置入口优化 |
| 5.1.12 | - | 标签重叠逻辑优化 |
| 图表排序逻辑优化 | ||
| 5.1.13 | - |
|
| 面积图新增「连线」属性，支持选择折线、曲线 |
1.2 应用场景
进行数据可视化时，我们希望用几何对象的图形属性（颜色、形状、尺寸等）直观地表达数据，在 FineBI 中可以在「图形属性」中实现。
1.3 功能简介
当图表有多个指标时，「图形属性」下会出现「全部」和指标名字。如下图所示：
在「全部」中设置的图形属性对所有指标生效，即同时对「合同金额」、「回款金额」生效。
在「合同金额」中设置的图形属性只对指标字段「合同金额」生效，对「回款金额」不生效。
2. 颜色编辑
2.1 设置图形颜色
例如，想将柱形图的柱子设置成蓝色，那么可以点击颜色设置，选择蓝色，如下图所示：
2.2 用颜色区分维度
将维度字段拖入颜色栏即可实现。
1）使用颜色区分「省份」的柱子，可以将维度字段「省份」拖入颜色栏。如下图所示：
每个省份颜色不同，同时图表右侧自动生成图例。对图例设置可参考文档：图表组件样式
2）点击颜色栏，可以对配色方案、效果、不透明度、边框自定义设置，如下图所示：
| 颜色 | 点击色块设置图形颜色，支持透明、自动、自定义。自定义支持输入16进制代码和 RGB 设置颜色 |
| 配色方案 | 支持统一调整图形颜色。 |
| 效果 | 设置是否开启颜色效果，开启会产生图形本身的渐变效果 |
| 不透明度 | 调整图形颜色不透明度，支持滑动滑块及手动设置数值两种方式 |
| 边框 | 设置边框颜色及样式 |
2.3 开启效果设置渐变
柱形图，饼图，面积图和漏斗图都能直接设置渐变效果。
注：当效果按钮灰化后，会渐变效果不生效。
以柱形图为例，开启后产生线性渐变效果，如下图所示：
以面积图为例，开启后，产生由最高值到横坐标轴的渐变效果，如下图所示：
注：开启渐变后不透明度按钮灰化，则表示不透明度设置不生效。
2.4 拖入字段设置渐变
在颜色栏拖入指标字段即可实现图形按指标大小渐变。
将「销售额」拖入颜色栏，可以根据指标「销售额」的数值大小进行颜色区分。数值最小的西北颜色最浅。如下图所示：
点击颜色栏，可以根据数值大小对渐变类型、渐变方案、渐变区间、效果、不透明度、边框进行自定义。按照渐变类型分为连续渐变和区域渐变。
2.4.1 连续渐变
设置连续渐变，效果如下图所示：
| 渐变类型 | 连续渐变 |
| 渐变方案 | 生长 |
| 渐变区间 | 自定义 |
| 区间个数 | 2 |
| 区间值和颜色 | 如下图所示 |
2.4.2 区域渐变
区域渐变，设置绿色到橙色的渐变效果。效果如下图所示：
| 渐变类型 | 区域渐变 |
| 渐变方案 | 生长 |
| 渐变区间 | 自定义 |
| 区间个数 | 2 |
| 区间颜色及范围 | 如下图所示 |
2.5 柱形图堆叠效果
将「所属小区」拖入颜色栏，并对指标「销售额」开启堆积，则可以将大区的柱子分成 时尚感 和 生活馆 两部分。如下图所示：
同样的点击颜色栏也可以对配色方案、效果、不透明度、边框自定义设置。
3. 大小编辑
大小属性为设置组件中元素的大小，面积图、饼图、填充地图不支持该属性，其余图表类型均支持。
3.1 调整图形大小
已柱形图和折线图为例：
柱形图
点击大小栏，可以调整柱形图的柱宽和圆角角度，如下图所示：
折线图
点击大小栏，可调整折线图线宽，如下图所示：
3.2 拖入指标字段
将指标拖入大小栏，可以根据指标值的大小映射到图形的大小中。
以散点图为例，将「毛利」拖入到大小栏中，毛利数值越大，点的尺寸越大，直观观察到北方区的生活馆毛利额最大。如下图所示：
4. 标签编辑
1）将字段拖入标签栏，可以在图表上显示文字注释，点击设置，即可对标签显示效果进行。如下图所示：
| 设置项 | 说明 |
|---|---|
| 显示标签 | 是否显示标签 |
| 内容格式 | 自定义标签显示内容及字体的样式 |
| 标签位置 | 设置标签的位置 |
| 标签显示 | 可以选择显示全部，或显示组内的最大值或最小值 |
| 标签显示方式 | 有三种：
|
5.1.12 版本优化标签重叠逻辑： 当标签重叠调整标签位置时，当重叠中的某一标签处于上方（左，右）时，调整后，其相对位置依然在上（左，右）方 注1：5.1.12 版本优化的标签重叠逻辑不适用于：力学气泡图、饼图、多层饼图、漏斗图、矩形树图 注2：5.1.12 版本标签重叠调整后，标签的位置可能与配置项设置的居内居外不一致 注3：多指标一起调整时，标签调整方式顺序：按照「允许标签重叠」、「标签重叠时自动调整位置」、「标签重叠时隐藏重叠标签」的顺序 |
注：若计算指标是聚合函数，拖维度字段到标签中就会参与计算。
5. 提示编辑
默认提示在分析区域及图表属性中添加的字段。将其余字段拖入提示栏，可添加提示的内容。
点击「内容格式」可设置文本内容及样式，还支持设置「背景色」，拖入「毛利」后，点击内容格式皆可选择对应字段。如下图所示：
| 内容格式 | 更改提示的内容、字体样式 |
| 背景色 | 显示标签的背景色 |
| 显示维度下所有提示 | 勾选后可以显示该维度下所有的提示信息 |
设置后效果如下图所示：
注：如果图形属性区域有不同于横纵轴上的其他维度字段，这个时候勾选「显示维度下所有提示」就会显示成「*」，如下图所示：
6. 细粒度编辑
6.1 定义
细粒度：细粒度表示数据的细化程度。
例如老板想要知道知道 2019 年每个月的销售额。若是你给他 2019 年总的销售额数据，这个数据对他来说就太粗了；若给他 2019 年详细的每个订单的销售额数据，这个数据又太明细了。这里的「太粗」和「太细」就是指的数据的细粒度。
6.2 示例
「所属大区」与「销售额」的饼图如下图所示。将「所属小区」拖入细粒度栏，北方区显示为三个小区的销售额：东北、华北、西北，如下图所示：
7. 形状编辑
7.1 更改形状
以聚合气泡图为例，点击形状栏，可以更改气泡的形状，如下图所示：
7.2 拖入维度字段
以散点图为例，将「所属大区」拖入形状栏，即可用形状区分每个大区的销售额。
可以看出「时尚馆」中「北方区」的销售额最高。如下图所示：
7.3 拖入指标字段
将「销售额」拖入形状栏，可按照「销售额」数值的大小显示不同的形状。
点击形状设置，可以对形状类型及区间进行自定义，设置条件及形状，如下图所示：
效果如下图所示：
8. 连线编辑
8.1 适用范围
| 图表类型 | 说明 |
|---|---|
| 折线图 |
注：折线图若要转化为雷达图，需要至少一个维度、一个指标字段，且横纵轴不能同时存在指标字段 |
| 雷达图 |
注：由于 5.1.13 版本及之后，原有的「线型」名称修改为「样式」 |
| 面积图 | 可设置曲线、折线 |
8.2 示例介绍
8.2.1 折线图
8.2.2 雷达图
8.2.3 面积图
9. 半径编辑
饼图所特有的属性，半径指的饼图的半径大小。
9.1 调整半径和内径
点击半径栏，可以调整饼图的半径和内径，如下图所示：
「半径大小」可直接调整饼图的大小，而「内径占比」则调整饼图的圆环宽度（即中间内径的大小）。
9.2 拖入指标字段
半径中拖入指标字段转换为玫瑰图。玫瑰图用半径展示数据区别。
想展示每个小区的销售额状况，但数据相近时，很难看出差别。将「销售额」拖入半径，选择不共用半径，将销售额的数值大小映射到饼图的半径上，就可以方便的看出来中南地区销售额最高。如下图所示：
9.3 拖入维度字段
将维度字段「所属小区」拖入半径，每个半径不同的扇形代表一个「所属小区」，销售额依旧映射在弧度的角度上。如下图所示：
10. 角度编辑
11. 热力色编辑
热力色是热力区域图和热力地图的特有属性。点击设置，即可对热力色的渐变方案和不透明度进行更改。
将指标「合同金额」拖入热力色栏，再点击热力色设置，即可对渐变方案，渐变区间和不透明度进行设置，可以看到合同金额最高的北京，热力色颜色为红色。如下图所示：
