页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

在创建图形时,常常需要定义图形的形状、颜色、标签、提示等图形效果。在系统中,这些都将通过标记区来完成,标记区示例样式如下:

Image Modified

2 标记类型

用于设置图表组件中不同的标记效果,可分为基本设置项和特殊设置项:

(1)基本设置项:包括颜色标签提示

(2)特殊设置项:只有相对应的组件类型才会显示:

  • 角度:组件选择饼图、环形图、玫瑰图、半径玫瑰图、旭日图时显示;
  • 大小:组件选择散点图、词云图、关系图、树图、漏斗图、桑基图、散点地图、大数据散点地图、热力地图时显示;
  • 形状:组件选择散点地图时显示;
  • 指标:组件选择油量图、内刻度油量图、外刻度油量图、环形进度图、水球图、进度图、指标卡时显示。

标签
标签
3 标签

标签用于设置是否在图形中显示数据信息。

3.1 显示单度量数据

1、场景描述:某大型零售公司,想要直观地查看各产品类别销售量数据,效果如下图所示:

Image Modified

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加柱图组件,在数据选择区中,勾选 产品类别销售量 字段,由系统自动分配到 X轴、Y轴 上;或拖拽 产品类别 字段到 X轴 销售量 字段到 Y轴 

(2)组件数据设置中,点击标签区域的 Image Modified,设置 显示 标签、位置为 外部、文字效果为 紫色加粗,即可得到场景中所需的效果,如下图所示:

Image Modified

还可以将 销售量 字段从“数据区”中拖拽到“标记区”的 标签 标记项,再设置标签样式,也可以达到上述场景所需效果,如下图所示:  

3.2 显示单维度细分数据

1、场景描述:某大型零售公司,想要分析每个区域的各省份销售情况,效果如下图所示:

Image Modified

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加柱图组件,在数据选择区中,勾选 发货区域销售量 字段,由系统自动分配到 X轴、Y轴 上;或拖拽 发货区域 字段到 X轴 销售量 字段到 Y轴 

(2)省份 字段从“数据区”中拖拽到“标记区”的 标签 标记项。  

(3)组件数据设置中,点击标签区域的 Image Modified,设置 显示 标签、位置为 内部、文字效果为 白色加粗,即可得到场景中所需的效果,如下图所示:

此时在标签上的省份字段会对发货区域的数据进行细分,每个区域所有省份会组成一个区域的数据,效果和堆积柱图类似。

3.3 显示多字段数据信息

1、场景描述:某大型零售公司,想要直观地查看各产品类别、及其销售量占比数据,效果如下图所示:

Image Modified

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加柱图组件,在数据选择区中,勾选 产品类别销售量 字段,由系统自动分配到 颜色、角度 上;或拖拽 产品类别 字段到 颜色 销售量 字段到 角度 

(2)再产品类别销售量 字段从“数据区”中分别拖拽到“标记区”的 标签 标记项,并对销售量字段点击Image Modified ,设置 快速计算>占比>全局占比 ,效果如下图所示。  

Image Modified

(3)组件数据设置中,点击标签区域的 Image Modified,设置 分隔符 为 逗号,即可得到场景中所需的效果,如下图所示:

Image Modified

多字段数据信息效果仅支持饼图、圆环图、玫瑰饼图、半径玫瑰图,分隔符效果包含:换行、逗号、分号、空格。效果如下:

3.4 隐藏重叠标签

当图形数据标签比较密集时,会有部分标签重叠在一起影响视觉效果,可以设置是否隐藏重叠标签,默认效果为不隐藏。

Image Modified

隐藏重叠标签不隐藏重叠标签

提示

提示用于设置显示除了在行列区和标记区已选择的字段外的其它字段的详细信息。(如下柱图所示)提示用于设置显示除了在X、Y轴区和标记区已选择的字段外的其它字段的详细信息。(如下柱图所示)

将“销售量”字段从“数据区”中拖拽到“标记区”的 将“销售额”字段从“数据区”中拖拽到“标记区”的 提示 标记项内,所选字段的数据会在图形中以提示信息形式显示。

Image RemovedImage Added

单击 提示 标记项,弹出“提示设置”对话框:

Image Removed

以对提示内容进行是否显示以及样式的设置。提示 区域的Image Added,支持对提示框进行样式设置,包括“是否显示提示、提示框背景颜色、边框宽度、边框颜色和文字样式”。

  • 显示:设置鼠标移入时,有“自动、垂直、倾斜、不显示”四种形式,默认效果为自动。
  • 刻度样式:设置刻度的字体类型、字号、文字颜色和加粗。
  • 标注步长:设置分类轴刻度显示的间隔。(注:指标轴没有这个设置项。)标注步长设置为0,表示显示所有刻度;设置为1,表示隔一个刻度显示,以此类推。

Image Added


大小

大小是散点图、词云图、关系图、树图、漏斗图、桑基图特有的设置项,通过“标记区”的 大小 标记项对显示大小进行设计。

...