1. 概述编辑
1.1 版本
版本 | JAR包 | 功能变动 |
---|---|---|
5.1 | - | - |
5.1.6 | 2020-9-30 | 去掉「图形属性」tab下切换图表类型的功能(除自定义图表外) |
5.1.8 | 2020-12-04 | 「图形属性」滑块设置项支持自定义数值大小 |
支持输入16进制代码设置颜色 |
1.2 应用场景
进行数据可视化时,我们希望用几何对象的图形属性(颜色、形状、尺寸等)直观地表达数据,在 FineBI 中可以在「图形属性」中实现。
1.3 功能简介
当图表有多个指标时,「图形属性」下会出现「全部」和指标名字。如下图所示:
在「全部」中设置的图形属性对所有指标生效,即同时对「合同金额」、「回款金额」生效。
在「合同金额」中设置的图形属性只对指标字段「合同金额」生效,对「回款金额」不生效。
2. 颜色编辑
2.1 设置图形颜色
例如,想将柱形图的柱子设置成蓝色,那么可以点击颜色栏选择蓝色,如下图所示:
颜色 | 设置图形颜色,支持透明、自动、自定义。自定义支持输入16进制代码和RGB设置颜色。 |
效果 | 设置是否开启颜色效果 |
不透明度 | 调整图形颜色不透明度,支持滑动滑块及手动设置数值两种方式 |
边框 | 设置边框颜色及样式 |
2.2 拖入维度字段
1)使用颜色区分「省份」的柱子,可以将维度字段「省份」拖入颜色栏。如下图所示:
每个省份颜色不同,同时图表右侧自动生成图例。对图例设置可参考文档:
2)点击颜色栏,可以对配色方案、效果、不透明度、边框自定义设置,如下图所示:
2.3 拖入指标字段
将「销售额」拖入颜色栏,可以根据指标「销售额」的数值大小进行颜色区分。数值最小的西北颜色最浅。如下图所示:
点击颜色栏,可以根据数值大小对渐变类型、渐变方案、渐变区间、效果、不透明度、边框进行自定义。按照渐变类型分为连续渐变和区域渐变。
2.3.1 连续渐变
设置连续渐变,从浅蓝色到深蓝色的自定义渐变效果。如下图所示:
渐变类型 | 连续渐变 |
渐变方案 | 自动 |
渐变区间 | 自定义 |
区间个数 | 2 |
区间值和颜色 | 如下图所示 |
2.3.2 区域渐变
区域渐变,设置绿色到橙色的渐变效果。效果如下图所示:
渐变类型 | 区域渐变 |
渐变方案 | 热力1 |
渐变区间 | 自定义 |
区间个数 | 5 |
区间颜色及范围 | 如下图所示 |
2.4 柱形图堆叠效果
将「所属小区」拖入颜色栏,并对指标「销售额」开启堆积,则可以将大区的柱子分成 时尚感 和 生活馆 两部分。如下图所示:
同样的点击颜色栏也可以对配色方案、效果、不透明度、边框自定义设置。
3. 大小编辑
大小属性为设置组件中元素的大小,面积图、饼图、填充地图不支持该属性,其余图表类型均支持。
3.1 调整图形大小
已柱形图和折线图为例:
柱形图
点击大小栏,可以调整柱形图的柱宽和圆角角度,如下图所示:
折线图
点击大小栏,可调整折线图线宽,如下图所示:
3.2 拖入指标字段
将指标拖入大小栏,可以根据指标值的大小映射到图形的大小中。
以散点图为例,将「毛利」拖入到大小栏中,毛利数值越大,点的尺寸越大,直观观察到北方区的生活馆毛利额最大。如下图所示:
4. 标签编辑
1)将字段拖入标签栏,可以在图表上显示文字注释。将「销售额」拖入标签,如下图所示:
2)点击标签栏,可以对以下功能进行设置,如下图所示:
显示标签 | 自定义是否显示标签 |
内容格式 | 自定义标签字体的样式 |
标签位置 | 自定义标签的位置,可以放在图形的中间,里面或外面 |
标签显示 | 可以选择显示全部,或显示组内的最大值或最小值 |
标签显示方式 | 自定义标签重叠时的显示方式 |
5. 提示编辑
将字段拖入提示栏,可以自定义鼠标触碰图形后的提示文字。直接点击提示栏,可对系统自动的提示进行更改,如下图所示:
内容格式 | 更改提示的内容、字体样式 |
背景色 | 显示标签的背景色 |
显示维度下所有提示 | 点击则内容格式及背景色不可编辑。 |
也可以另外拖入字段到提示栏。将「销售额」与「店性质」拖入提示栏,点击提示栏,出现提示栏编辑框,更改背景色为红色,如下图所示:
6. 细粒度编辑
6.1 定义
细粒度:细粒度表示数据的细化程度。
例如老板想要知道知道 2019 年每个月的销售额。若是你给他 2019 年总的销售额数据,这个数据对他来说就太粗了;若给他 2019 年详细的每个订单的销售额数据,这个数据又太明细了。这里的「太粗」和「太细」就是指的数据的细粒度。
6.2 示例
「所属大区」与「销售额」的饼图如下图所示。将「所属小区」拖入细粒度栏,北方区显示为三个小区的销售额:东北、华北、西北;将「店风格」拖入细粒度栏,中西区显示出两种店风格的销售额:生活馆和时尚馆。
7. 形状编辑
7.1 更改形状
以聚合气泡图为例,点击形状栏,可以更改气泡的形状,如下图所示:
7.2 拖入维度字段
以散点图为例,将「所属大区」拖入形状栏,即可用形状区分每个大区的销售额。
可以看出「时尚馆」中「北方区」的销售额最高。如下图所示:
7.3 拖入指标字段
将「销售额」拖入形状栏,可按照「销售额」数值的大小显示不同的形状。
点击形状栏,可以对形状的区间进行自定义,如下图所示:
8. 连线编辑
点击连线栏,可以切换雷达图和折线图,可以切换线型和标记点,如下图所示:
注 1:若要转化为雷达图,需要至少一个维度、一个指标字段,且横纵轴不能同时存在指标字段。
注 2:雷达图不可以对线型进行设置。
9. 半径编辑
饼图所特有的属性,半径指的饼图的半径大小。
9.1 调整半径和内径
点击半径栏,可以调整饼图的半径和内径,如下图所示:
9.2 拖入指标字段
半径中拖入指标字段转换为玫瑰图。玫瑰图用半径展示数据区别。
想展示每个小区的销售额状况,但数据相近时,很难看出差别。将「销售额」拖入半径,选择不共用半径,将销售额的数值大小映射到饼图的半径上,就可以方便的看出来中南地区销售额最高。如下图所示:
单击图形属性下的半径栏,可直接设置饼图的半径大小和内径占比,半径大小可直接调整饼图的大小,而内径占比则调整饼图的圆环宽度(即中间内径的大小)。
9.3 拖入维度字段
将维度字段「所属小区」拖入半径,每个半径不同的扇形代表一个「所属小区」,销售额依旧映射在弧度的角度上。如下图所示:
10. 角度编辑
角度是饼图的特有属性。为饼图每个扇形的弧度大小,将指标字段拖到角度栏,就可以将该指标数值的大小映射到角度大小上。
上海市的销售额最高,所以在饼图中的角度占比越高。如下图所示:
11. 热力色编辑
11.1 切换热力色
点击热力色栏,即可对热力色的渐变方案和不透明度进行更改,如下图所示:
11.2 热力色区分指标数值
将指标「合同金额」拖入热力色栏,再点击热力色栏,即可对渐变方案,渐变区间和不透明度进行自定义,可以看到合同金额最高的北京,热力色颜色为红色。如下图所示:
12. 文本编辑
文本属性是指标卡和的特有属性。点击文本栏可以对内容格式进行更改,如下图所示: