1 概述
在创建图形时,常常需要定义图形的形状、颜色、标签、提示等图形效果。在系统中,这些都将通过标记区来完成,标记区示例样式如下:
2 标记类型
用于设置图表组件中不同的标记效果,可分为基本设置项和特殊设置项:
(2)特殊设置项:只有相对应的组件类型才会显示:
- 角度:组件选择饼图、环形图、玫瑰图、半径玫瑰图、旭日图时显示;
- 大小:组件选择散点图、词云图、关系图、树图、漏斗图、桑基图、散点地图、大数据散点地图、热力地图时显示;
- 形状:组件选择散点地图时显示;
- 指标:组件选择油量图、内刻度油量图、外刻度油量图、环形进度图、水球图、进度图、指标卡时显示。
3 标签
标签用于设置是否在图形中显示数据信息。
3.1 显示单度量数据
1、场景描述:某大型零售公司,想要直观地查看各产品类别销售量数据,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加柱图组件,在数据选择区中,勾选 产品类别、销售量 字段,由系统自动分配到 X轴、Y轴 上;或拖拽 产品类别 字段到 X轴、 销售量 字段到 Y轴 。
(2)组件数据设置中,点击标签区域的 ,设置 显示 标签、位置为 外部、文字效果为 紫色加粗,即可得到场景中所需的效果,如下图所示:
还可以将 销售量 字段从“数据区”中拖拽到“标记区”的 标签 标记项,再设置标签样式,也可以达到上述场景所需效果,如下图所示:
3.2 显示单维度细分数据
1、场景描述:某大型零售公司,想要分析每个区域的各省份销售情况,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加柱图组件,在数据选择区中,勾选 发货区域、销售量 字段,由系统自动分配到 X轴、Y轴 上;或拖拽 发货区域 字段到 X轴、 销售量 字段到 Y轴 。
(2)将 省份 字段从“数据区”中拖拽到“标记区”的 标签 标记项。
(3)组件数据设置中,点击标签区域的 ,设置 显示 标签、位置为 内部、文字效果为 白色加粗,即可得到场景中所需的效果,如下图所示:
此时在标签上的省份字段会对发货区域的数据进行细分,每个区域所有省份会组成一个区域的数据,效果和堆积柱图类似。
3.3 显示多字段数据信息
1、场景描述:某大型零售公司,想要直观地查看各产品类别、及其销售量占比数据,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加饼图组件,在数据选择区中,勾选 产品类别、销售量 字段,由系统自动分配到 颜色、角度 上;或拖拽 产品类别 字段到 颜色、 销售量 字段到 角度 。
(2)再将 产品类别、销售量 字段从“数据区”中分别拖拽到“标记区”的 标签 标记项,并对销售量字段点击 ,设置 快速计算>占比>全局占比 ,效果如下图所示。
(3)组件数据设置中,点击标签区域的 ,设置 分隔符 为 逗号,即可得到场景中所需的效果,如下图所示:
多字段数据信息效果仅支持饼图、圆环图、玫瑰饼图、半径玫瑰图,分隔符效果包含:换行、逗号、分号、空格。效果如下:
3.4 隐藏重叠标签
当图形数据标签比较密集时,会有部分标签重叠在一起影响视觉效果,可以设置是否隐藏重叠标签,默认效果为不隐藏。
隐藏重叠标签 | 不隐藏重叠标签 |
---|---|
4 提示
提示用于设置显示除了在X、Y轴区和标记区已选择的字段外的其它字段的详细信息。(如下柱图所示)
将“销售额”字段从“数据区”中拖拽到“标记区”的 提示 标记项内,所选字段的数据会在图形中以提示信息形式显示。
单击 提示 区域的 ,支持对提示框进行样式设置,包括“是否显示提示、提示框背景颜色、边框宽度、边框颜色和文字样式”。
- 显示:设置鼠标移入时是否显示提示,默认效果为显示。
- 背景:设置提示框的背景颜色。
- 边框宽度:设置提示框外框的宽度,默认效果为0。
- 边框颜色:设置提示框外框的颜色。
- 文字设置:设置提示内容的文字样式,包括字体类型、字号、文字颜色、加粗和斜体。
设置背景色黄色、边框宽度为2px、边框为红色、文字为斜体的效果如下图所示:
5 大小
大小是散点图、词云图、关系图、树图、漏斗图、桑基图特有的设置项,通过“标记区”的 大小 标记项对显示大小进行设计。
设置方法
- 从“数据区”中拖拽度量字段到“标记区”的 大小 标记项中,可以根据度量字段值的大小动态显示。
- 单击 大小 区域的 ,弹出“大小设置”对话框。
- 滑动滑块可对显示大小进行设置(如下散点图所示)。
5 角度
角度是饼图、环形图、玫瑰图、半径玫瑰图、旭日图特有的设置项,用于标识进行数据比例计算的字段。
设置方法
- 将度量字段拖拽到“标记区”的 角度 标记项。
- 图形根据该字段的数据比例显示(效果如下饼图所示)。
6 形状
形状是散点地图、大数据散点地图特有的设置项,用于设置地图数据点的样式:
1、场景描述:某大型零售公司,在查看各省份销售分布情况时,希望能按照区域标记成不同形状,方便分类数据,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加散点地图组件,在数据选择区中,拖拽 省份 字段到 区域/经度地理维区域、 发货区域 字段到 形状 ,即可得到场景中所需的效果,如下图所示:
组件数据设置中,点击形状区域的 ,可更换形状系列,或切换某个数据线的形状类型,如下图所示:
7 指标
指标是油量图、内刻度油量图、外刻度油量图、环形进度图、水球图、进度图、指标卡特有的设置项,通过“标记区”的 指标 标记项对显示指标数据进行设计。
设置方法
- 从“数据区”中拖拽度量字段到“标记区”的 指标 标记项中,在图形中显示该度量字段的值。
- 单击 指标 区域的 ,支持对指标数据内容进行样式设置,包括“是否显示指标数据、位置和文字样式”。
- 显示:用于设置在图形上是否显示指标数据内容,默认效果为显示。
- 位置:用于设置指标数据内容显示的位置,X、Y轴的起始位置(0,0)位于组件对角线中心,Y轴上方为负方向,Y轴下方为正方向;X轴左方为负方向,X轴右方为正方向。
- 文字设置:设置指标数据内容的文字样式,包括字体类型、字号、文字颜色、加粗和斜体。