页面树结构

版本比较

标识

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

...

对比柱图中,轴位置用于设置维度所在轴的显示位置,分为:左、右、中、两侧;(默认效果为

效果

轴位置效果
居左

Image Modified

居右

Image Modified

Image Modified

两侧

Image Modified

柱间距

说明

“柱间距”设置项用于设置系列数据的柱间距离。包括“同系列的柱间距”和“不同系列的柱间距”。

...

在柱图、趋势线和联合图类组件中,堆积效果设置项可以设置同类指标(同图形类型指标)是否以堆积效果展示,实现堆积与不堆积类型组件间的切换。

效果

堆积不堆积

Image Modified

Image Modified

如上,以柱图为例:设置堆积效果后,组件类型自动切换为堆积柱图。

...

  • 不可选:选择不了数据。
  • 单选:只能选择一个数据。
  • 多选:一次可选多个数据。

效果

选中模式设置项说明效果
不可选选择不了数据。

Image Modified

单选只能选择一个数据。

Image Modified

多选一次可选多个数据。

Image Modified

默认选中

说明

当图形为 环形图,且选中模式为 单选 时,支持设置默认选中列表数据中的第几位。

...

在环形图组件设置中打开“圆心数据”设置项,可设置环形图中间位置展示标签内容:占比、指标、分类。

各设置项说明如下:

设置项说明
圆心数据可设置中间标签是否显示(默认为不开启)
内容

中间标签显示内容,包括:占比、指标、分类(默认开启指标和分类);

支持拖拽选项调整占比、指标和分类的前后顺序。

Image Modified

注意

指标/占比取的是所有度量的合计值,分类取的是度量名称,度量名称从“设置显示名”中实时获取并更新


占比

修改相关内容的文字样式,包括字体类型、字号、文字颜色、加粗和斜体。

Image Modified

指标
分类

区域颜色

说明

用于设置地图中无数据区域的颜色。

效果

设置区域颜色为橙色,如图:

...

雷达图类型组件中,切换轴线的样式,包括:多边形、圆形。

效果

多边形圆形

Image Modified

Image Modified

显示风格

说明

雷达图类型组件中,切换显示风格,包括:线、面积。

效果

线面积

Image Modified

Image Modified

分割数

说明

用于设置雷达图的隔区数。

效果

设置3个分割数,效果如下:

...

注意

在指标看板中,该设置项只有在维度包含多个值时,才能看到效果。

效果

  • 指标看板
每行列数为2每行列数为4

Image Modified

Image Modified

  • 水球图

设置每行列数为3

分隔线

说明

对指标看板中的分隔线样式进行设置:

  • 分隔线类型:无、虚线、点线、实线分隔线类型:无、虚线、点线、实线。
  • 分隔线粗度:0-55。
  • 分隔线颜色:可自定义分隔线颜色:可自定义。
注意

该设置项只有在维度包含多个值时,才能看到效果。

...

在指标看板中,图标设置项可显示图标效果,默认效果为不显示图标。

图标类型图标位置

Image Modified

  • 固定位置
  • 跟随字段

效果

固定位置跟随字段

Image Modified

Image Modified

度量名称

说明

对指标看板中,度量值的名称进行设置,包括:是否显示度量名称、内容、位置及字体样式。

  • 显示:设置度量名称显示或者不显示,默认效果为显示。
  • 内容:默认显示度量字段的当前名称,可自定义;内容:默认显示度量字段的当前名称,可自定义。
  • 位置:显示位置可分为:顶部、底部、左、右;字体位置可分为:居左、居中、居右、居上、居下;位置:显示位置可分为:顶部、底部、左、右;字体位置可分为:居左、居中、居右、居上、居下。
  • 字体样式:可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。

...

指标看板中,指标值后可添加自定义后缀,包括:是否显示后缀、内容、位置及字体样式。

  • 显示:设置后缀显示或者不显示,默认效果为不显示。
  • 内容:默认为空,可自定义输入后缀内容;内容:默认为空,可自定义输入后缀内容。
  • 字体样式:可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。

效果

指标名称

说明

对指标的名称进行设置:

  • 在油量图系列组件中在油量图系列组件中,包括油量图、环形进度图、外刻度油量图、内刻度油量图和指标卡

可设置是否显示指标名称、内容、样式、偏移位置:

...

(1)显示指标名称:设置指标名称是显示或者不显示,默认效果为显示。

...

(2)内容:默认显示度量字段的当前名称,可自定义;

...

(3)样式:设置指标名称的字体类型、字号、文字颜色、加粗和斜体。

...

(3)偏移位置:设置指标名称的位置,包括水平偏移位置和垂直偏移位置。X、Y轴的起始位置位于组件对角线中心,Y轴上方为负方向,Y轴下方为正方向;X轴左方为负方向,X轴右方为正方向。

...

Image Added

  • 在水球图组件中

...

可设置是否显示指标名称、内容、样式、偏移位置:

(1)显示指标名称:设置指标名称是显示或者不显示,默认效果为显示。

(2)内容:默认显示度量字段的当前名称,可自定义;

(3)样式:设置指标名称的字体类型、字号、文字颜色、加粗和斜体。

(3)位置:设置指标名称在水球的位置,包括居上、居中和居下。

Image Added

  • 在进度图组件中

可设置指标名称是否显示,垂直位置、水平位置调整以及字体样式:

...

  1. 刻度指标:设置刻度指标是否显示
  2. 指标颜色:设置刻度指标的颜色
  3. 位置:设置刻度指标的位置
  4. 刻度线长:设置刻度线的长度。
  5. 刻度数:设置每格刻度数的数量。
  6. 样式:设置刻度线的样式、大小和颜色。

效果

刻度指标显示刻度指标不显示

Image Modified

Image Modified

使用“刻度”设置项对油量图进行设置,效果如下图所示:

...

对组件圆心位置进行调整(默认为 x:50%,y:50%)

效果

默认效果x:30%,y:50%

Image Modified

Image Modified

进度

说明

对油量图系列组件的进度情况进行样式设置,包括是否显示进度,颜色以及内容。

...

  • 百分比:可选择公式进行百分比计算以及设置小数位数

公式包括如下两种:

效果

当前进度为5.6%:

显示不显示

Image Modified

Image Modified


目标值

说明

用于设置图形的目标值:

配置项功能
默认

与指标的字段值等值

注意

默认时,目标值为1,即目标值跟度量值一样(百分比会显示100%)


自定义

用于自定义图形的目标值,显示各度量的目标值编辑框,点击编辑框展开公式编辑框

目标值的字段选择可选择标记区中的所有度量字段:选择某个度量字段后,将该度量字段插入至下方公式编辑框中。

效果

以水球图为例:当前库存量为3119,左图设置目标值为默认,右图设置目标值为5000。

指标值

说明

用于设置水球图的指标值。

各配置项如下:

配置项

功能

位置

用于设置指标值显示的位置,默认居中显示。

  • 居上:指标值在水球图上方显示。
  • 居中:指标值在水球图内部中央位置显示。
  • 居下:指标值在水球图下方显示。
数值

用于设置指标值的展现形式,默认以百分比的形式展示。

  • 百分比,展示度量字段的实际数值与目标值的比值,其计算方式为【实际值/目标值×100%】;
  • 指标值,展示实际的计算结果或实际值;
小数位数

用于设置指标值显示的小数位数。默认值为2,即保留两位小数,取值区间为[0, 5]。

注意

当数值选择“百分比”时显示该选项


公式

用于设置指标值的计算方式。

效果

设置指标值的字体为楷体,大小为28,颜色为#4A90E2;位置居下;保留一位小数。实现效果如下:

...

以水球图为例:设置显示描述,布局为【竖排】与【横排】的效果图如下:

布局竖排横排
效果

Image Modified

Image Modified

布局列数

说明

进度条需要展示的列数(默认为值为3)

效果

列数为2列数为3

Image Modified

Image Modified

指标标签

说明

对指标标签的垂直位置、水平位置、内容及字体样式进行设置。

...

目标值和指标标签结合运用可参考文档:进度图示例

轴高度

说明

设置进度图的粗细。(默认值为16)

效果

高度为1高度为16

Image Modified

Image Modified

进度槽

说明

设置进度槽的颜色。

效果

颜色为#50E3C2:

...

说明

设置刻度轴是否显示及调整其刻度轴字体样式。

效果

显示不显示

Image Modified

Image Modified

图形事件

说明

设置是否允许开启echarts图形(矩形树图、旭日图)自带的图形事件,默认允许。

...