页面树结构

版本比较

标识

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

在仪表盘组件的基础设置中,不同组件之间的设置项各有不同;各组件基础设置项索引可参考文档:仪表盘-组件设置在仪表盘组件的属性设置中,不同组件之间的设置项各有不同,本文主要介绍图形类、指标类组件特有的属性设置。

Image Added

圆角

说明

圆角是用一段与角的两边相切的圆弧替换原来的角,圆角的大小用圆弧的半径表示。

“圆角”设置项可设置柱子的“左上”“右上”“左下”“右下”的圆角大小。

Image RemovedImage Added

效果

轴位置

说明

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

Image Added

效果

轴位置效果

...

居左

Image Added

居右

Image Added

Image Added

两侧

Image Removed

Image Removed

Image Removed

Image Added

柱间距

说明

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

Image RemovedImage Added

效果

同系列柱间距:

Image Modified

不同系列柱间距:

Image Modified

堆积效果

说明

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

Image RemovedImage Added

效果

堆积不堆积
Image Removed

Image Added

Image Removed

...

Image Added

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

堆积分组

说明

在联合图中,堆积分组可以实现在多个同图形类型的指标中,将指定的指标进行堆积展示。

Image Added

效果

例如:有”销售量“、”订单量“、“库存”、”销售额“四个费用的指标,其中数量类(销售量、订单量和库存)使用左Y轴,金额类(销售额)使用右Y轴,我们只想”订单量“和”库存“堆积展示,此时就可以通过堆积分组设置项实现。

1、在联合图的标记区设置”销售量“、”订单量“和“库存”为 左轴、柱图,效果如下图所示:

Image Added

2、在组件属性的 系列 中,将”订单量“和”库存“设置 堆积分组 名为“堆积分组1”,效果可以看到只有”订单量“和”库存“两个指标堆积展现,“销售量”还是普通柱图展现,效果如下图所示:

Image Added

注意事项

1、在双Y联合图中,暂不支持不同轴的线图、面积图的同名堆积分组。

2、在双Y联合图中,左轴、右轴分别分配两组数据,四组数据的堆积分组名称相同。那么左轴的数据按左轴的刻度大小显示,右轴的按右轴的刻度大小显示,然后堆积到一起。

半径

说明

“半径”设置项用于设置图形的半径,半径为从中心到周边的任何线段的长度,根据不同图形分为如下两种:

  • 极坐标柱图、极坐标堆积柱图、雷达图、油量图和水球图:只有一种半径。Image Removed

Image Added

  • 饼图和旭日图:半径分为“内半径”和“外半径”。Image Removed

Image Added

内外半径对应的模型图如图:
Image Modified

效果

极坐标柱图和雷达图的半径如图:

Image Modified

饼图和旭日图的半径如图:

Image Modified

...

总计值

说明

瀑布图中,设置柱条的宽度。瀑布图中,设置是否显示总计值项,默认效果为隐藏。

Image RemovedImage Added

效果

瀑布图的柱宽如图:瀑布图的总计值示例效果如图:

Image RemovedImage Added

...

柱宽

说明

选择标线类型:平均值(AVG)、最小值(MIN)和最大值(MAX),修改标线颜色。三种标线可以同时显示。瀑布图中,设置柱条的宽度。

Image RemovedImage Added

效果

Image Removed瀑布图的柱宽如图:

Image Added

标注

说明

设置图形是否显示最大值(MAX)和最小值(MIN)的标注。

可设置标注的颜色,标注文字的字形、字体、加粗、斜体、颜色。可设置标注的颜色,标注文字的字体类型、字号、文字颜色、加粗和斜体。

Image RemovedImage Added

效果

画布

说明

设置组件图形区与画布之间的距离,可以对上下左右间距分别设置。

Image RemovedImage Added

注意

桑基图只支持对左右间距进行设置。

画布边距对应的模型图如下:

效果

Image RemovedImage Added

连接空数据

说明

在存在空数据的情况下,设置是否继续连接后面的非空数据。是则连接,否则不连接。在存在空数据的情况下,设置是否继续连接后面的非空数据。是则连接,否则不连接;默认效果为不连接。

Image RemovedImage Added

效果

特制品为空数据,图表1设置为连接空数据,线图继续连接后面的非空数据。图表2设置为不连接空数据,线图不继续连接后面的非空数据。如图:

Image Modified

数据点

说明

对数据点的形状、大小等进行设置,不同图形的设置项不同,具体如下:

  • 线图、面积图的设置项有:形状、大小、旋转角度。Image Removed

Image Added

  • 散点图的设置项有:形状、旋转角度。Image Removed

Image Added

  • 雷达图的设置项有:形状、大小Image Removed

Image Added

效果

线图的不同数据点效果如图:

Image Modified

散点图的不同数据点效果如图:

Image Modified

雷达图的不同数据点效果如图:

Image Modified

风格

说明

风格在趋势线类型组件中,通过线样式设置项可切换线的风格;风格在线图、面积图、饼图和漏斗图中,通过设置项可点击直接切换图形风格;

  • 线图类型中,包括:“线”、“平滑曲线”、“阶梯线”;

...

Image Added

  • 面积图类型中,包括:“面积”、“曲线面积”。面积图类型中,包括:“线”、“平滑曲线”。

...

Image Added

效果

有如下线图,对其风格进行切换:线图的不同风格效果如图:

Image RemovedImage Added

效果如下图所示:面积图的不同风格效果如图:

...

Image Removed

...

Image Removed

如上效果所示,线图选择平滑曲线后,组件类型自动切换为曲线图;选择阶梯线后,自动切换为阶梯线图。

Image Added

线样式

说明

在线样式中,可以对线的宽度和线型进行设置,使得线图整体效果在整个仪表盘中较为和谐。

Image Added

效果

线型:包括实线、虚线、虚点,效果如下:

Image Modified

宽度:可以修改线条的宽度,宽度范围为 0~10,默认宽度为2,部分效果如下:

Image Modified

设置入口如下:

Image Removed

图形风格

说明

在饼图类型组件和漏斗图类型组件中,对图形的风格进行切换:

  • 饼图类型中,图形风格包括:“饼图”、“环形图”、“面积玫瑰图”、“半径玫瑰图”饼图类型中,包括:“饼图”、“环形图”、“半径玫瑰图”、“玫瑰图”

Image Removed

  • 漏斗图类型中,图形风格包括:“降序”、“升序”、“左降序”、“右降序”、“左升序”、“右升序”

...

Image Added

  • 漏斗图类型中,包括:“降序”、“升序”、“左降序”、"右降序"、“左升序”、“右升序”。

Image Added

效果

有如下饼图,对其进行风格切换:饼图的不同风格效果如图:

Image RemovedImage Added

效果如下图所示:

...

Image Removed

...

Image Removed

...

漏斗图的不同风格效果如图:

Image Added

圆心位置

说明

用于设置饼图类型组件的圆心位置,圆心位置默认处于区域中心,即 用于设置饼图类型组件、油量图类型组件的圆心位置,圆心位置默认处于区域中心,即 x 50%,y 50%;50%。

Image Added

效果设置圆心位置的x值为70%,图形从中心往右偏移20%,如图:

  • 设置饼图的圆心位置:x值为70%,图形从中心往右偏移20%,如图:

Image Added

...

  • 设置油量图的圆心位置:x值为35%,图形从中心往左偏移15%,如图:

...

Image Added

边框

说明

组件支持设置线条、图片、圆角角度设置组件边框,支持设置线条边框、图片边框、圆角角度。

  • 饼图系列、旭日图:

...

Image Added

  • 水球图

Image Added

  • 进度图

Image Added

效果

设置图形边框样式为虚线,边框大小为2,边框颜色为紫色,如图:饼图、旭日图设置图形边框样式为虚线,边框大小为2,边框颜色为红色,如图:

Image RemovedImage Added

...

水球图支持设置图形边框样式、以及边框到水球的边距,效果如图:

Image RemovedImage Added

...

进度图支持设置边框样式、内边距和圆角,如图:

Image RemovedImage Added

开始角度

说明设置饼图类型组件和旭日图系列排序的开始角度。

设置饼图类型组件和旭日图系列排序的开始角度,只能输入0-360之间的数值。

“开始角度”对应的模型图:

效果

Image Removed

Image RemovedImage Added

选中模式

说明

设置饼图类型组件选中的模式,有“不可选、单选和多选”三种模式。

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

效果

选中模式设置项说明效果

...

1、不可选的动图如下:

Image Removed

2、单选的动图如下:

Image Removed

3、多选的动图如下:

...

不可选选择不了数据。

Image Added

单选只能选择一个数据。

Image Added

多选一次可选多个数据。

Image Added

默认选中

说明

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

Image Added

效果

Image Added

圆心数据

说明

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

Image RemovedImage Added

各设置项说明如下:

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

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

);

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

Image Added

注意

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


占比
修改相关内容的样式

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

Image Added

指标
分类

堆积

说明

在联合图中,通过堆积设置可以将同类指标(同图形类型指标)或相同堆积组名的指标序列以堆积效果展示。

Image Removed

效果

如下图,我们将”单价“和”运费“都以柱图显示,当设置”堆积“属性为”是“时,系统默认将这两个指标柱进行堆积展示:

Image Removed

堆积分组

说明

在联合图中,堆积分组可以实现在多个同类的指标中,将指定的指标进行堆积展示。

例如:有”单价“、”运费“、”利润“三个费用的指标,我们只想”单价“和”运费“堆积展示,此时就可以通过堆积分组设置项实现。

设置入口:单击 设置 按钮,在弹出的下拉菜单中选择指标后面的图形图标,弹出”组件设置“窗口,设置”堆积分组“项即可。

效果

联合图中,”单价“、”运费“、”利润“三个费用的指标,我们只将”单价“和”运费“设置“堆积组”名为“成本组”,效果可以看到只有“单价”和“运费”两个指标堆积展现,“利润”还是普通柱图展现:

Image Removed

注意事项

...

2、在双Y联合图中,左轴、右轴分别分配两组数据,四组数据的堆积分组名称相同。那么左轴的数据按左轴的刻度大小显示,右轴的按右轴的刻度大小显示,然后堆积到一起。

区域颜色

说明

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

效果

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

Image RemovedImage Added

区域边界色

说明

用于设置地图中各省份之间的边界色。

效果

设置区域边界色为黑色,如图:设置区域边界色为红色,如图:

Image RemovedImage Added

高亮颜色

说明

用于设置地图中被选中区域的颜色。用于设置地图中鼠标移入时区域的颜色。

效果

将高亮颜色设置为黄色,如图:将高亮颜色设置为绿色,如图:


Image RemovedImage AddedImage Added

高亮边界色

说明

用于设置地图中被选中区域的边界色。用于设置地图中鼠标移入时区域的边界色。

效果

将高亮边界色设置为红色,如图:Image Removed

Image AddedImage Added

缩放

说明

设置地图可以缩放或者不可以缩放。设置地图可以缩放或者不可以缩放,默认效果为可以缩放。

效果

设置为可以缩放,滚动鼠标中间轮进行缩放:

Image RemovedImage Added

缩放比例

说明用于设置地图的缩放比例

用于设置地图默认的缩放比例,只能输入0.5-5之间的数值。

效果

1、缩放比例为1时(默认值),如图:

Image RemovedImage Added

2、缩放比例为1.5时,如图:

Image RemovedImage Added

导航栏

说明

设置矩阵树图是否显示导航栏,默认效果为隐藏。

显示或隐藏树图的导航栏。效果

Image RemovedImage Added

系列名称

说明

设置树图导航栏上数据系列(树的顶点)的名称设置树图导航栏上数据系列(树的顶点)的名称。

效果

先设置显示导航栏,接着设置系列名称为“食物”,如图:先设置显示导航栏,接着设置系列名称为“地区”,如图:

Image RemovedImage Added

拖拽

说明

设置桑基图允许拖拽或不允许拖拽。

设置允许拖拽或不允许拖拽。效果

Image RemovedImage AddedImage Added

斥力因子

说明设置关系对象之间的距离,此时不同大小的值会线性映射到不同的斥力,值越大则斥力越大。

设置关系图中,关系对象之间的距离,此时不同大小的值会线性映射到不同的斥力,值越大则斥力越大,只能输入0-1000之间的数值。

效果

1、斥力因子为200时,如图:

Image RemovedImage Added

2、斥力因子为600时,如图:

Image RemovedImage Added

连线曲率

说明设置关系图节点之间的连线曲度,值越大曲度也大。

设置关系图节点之间的连线曲度,值越大曲度也大,只能输入0-100之间的数值。

效果

1、连线曲率为0时,为直线,如图:

Image RemovedImage Added

2、连线曲率为1时,为曲线,如图:2、连线曲率大于0时为曲线,下图以连线曲率为1时的效果:

Image RemovedImage Added

普通状态

说明设置关系图边框样式、边框大小、颜色以及

连线样式、大小、颜色。设置关系图边框样式、边框粗细、颜色以及连线样式、粗细、颜色。

效果

设置边框样式为实线,边框大小为2,颜色为黄色;连线样式为虚线,连线大小为2,颜色为红色,效果如图:设置边框样式为实线,边框粗细为2,颜色为黄色;连线样式为虚线,连线粗细为2,颜色为红色,效果如图:

Image RemovedImage Added

高亮状态

说明

高亮状态即为选中状态。高亮状态即为鼠标移入时状态。

  • 设置高亮状态的颜色。

...

  • 设置高亮状态的边框样式、边框粗细、颜色。

...

  • 设置高亮状态的连线样式、粗细、颜色。

效果

设置高亮状态颜色为黄色;

边框样式为实线,边框大小为3,颜色为紫色;边框样式为实线,边框粗细为3,颜色为紫色;

连线样式为虚线,连线大小为2,颜色为黑色,动态效果如图:连线样式为虚线,连线粗细为2,颜色为黑色,动态效果如图:

Image RemovedImage AddedImage Added

轴线样式

说明

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

Image RemovedImage Added

效果

多边形圆形

Image Modified

Image Modified

显示风格

说明

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

Image RemovedImage Added

效果

线面积

Image Modified

Image Modified

分割数

说明

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

效果

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

Image RemovedImage Added

轴线

说明

 对雷达图轴线的设置,包括“是否显示轴线、轴线样式”。

  • 显示:轴线显示或者不显示。
  • 样式:设置轴线的样式、粗细和颜色。

...

Image Added

效果

轴线显示和不显示的效果对比图:

设置轴线样式为实线,轴线大小为1,颜色为黑色,如图:

Image RemovedImage Added

隔线

说明

 对雷达图隔线的设置,包括“是否显示隔线、隔线样式”。

  • 显示:隔线显示或者不显示。
  • 样式:设置隔线的样式、大小和颜色。

Image Added

效果

隔线显示和不显示的效果对比图:

设置隔线样式为虚线,隔线大小为1,颜色为黑色,如图:

Image RemovedImage Added

隔区

说明

对雷达图隔区的设置,包括“是否显示隔区、隔区颜色”。

  • 显示:设置隔区显示或者不显示。
  • 颜色:分别设置隔区的颜色。

Image Added

效果

隔区显示和不显示的效果对比图:

分别设置隔区颜色,如图:

Image RemovedImage Added

刻度(雷达图)

说明

设置雷达图类型组件中,刻度的显示位置及样式。

显示位置包括:自动、垂直、倾斜、不显示。

样式包括:字体类型、大小等。

Image Removed

样式包括:字体类型、字号、文字颜色和加粗。

效果

Image Added

位置

说明

设置指标看板中内容相对组件的位置,支持设置:居左、居中和居右的效果,默认效果为居中。

效果

Image Added

维度名称

说明

对指标看板中维度名称的设置,包括“是否显示维度名称、文字样式”。此设置只有指标看板组件在 维度 区中添加了维度字段时,才能看到效果。

  • 显示:设置维度名称显示或者不显示。
  • 文字样式:字体类型、字号、文字颜色、加粗、斜体和下划线。

效果

Image Added

每行列数

说明

设置每行显示的个数。

注意

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

Image RemovedImage Added

效果

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

Image Added

Image Removed

Image Added

  • 水球图

设置每行列数为3

分隔线

说明

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

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

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

...

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

效果

现有一指标看板,对其分隔线做如下设置:

  • 类型为点线

Image Removed

  • 粗度为2
  • 颜色为红色

Image Removed

效果如下图所示:

Image Removed

设置分隔样式为虚线,隔线大小为2,颜色为红色,如图:

Image Added

图标

说明

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

Image RemovedImage Added

图标类型图标位置
Image Removed

Image Added

  • 固定位置
  • 跟随字段

效果

固定位置跟随字段
Image Removed

Image Added

Image Removed

Image Added

度量名称

说明

对度量值的名称进行设置,包括:内容、位置及字体样式。

  • 内容:默认显示度量当前名称,可自定义;
  • 位置:显示位置可分为:顶部、底部、左、右;字体位置可分为:居左、居中、居右。

Image Removed

效果

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

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

Image Added

效果

1、各位置的效果如图:

Image Added

2、度量名字内容文字样式效果如图:

Image Added

指标

说明

对指标看板中的指标内容进行字体样式设置,包括字体类型、字号、文字颜色、加粗、斜体和下划线。

对指标显示的字体样式进行设置。效果

Image RemovedImage Added

后缀

说明

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

  • 显示:设置后缀显示或者不显示,默认效果为不显示。

...

  • 内容:默认为空,可自定义输入后缀内容。

...

  • 字体样式:可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。

效果Image Removed

Image Added

指标名称
指标名称
指标名称

说明

对指标的名称进行设置:

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

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

...

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

...

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

...

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

...

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

...

Image Added

  • 在水球图组件中

Image Removed

  • 在进度图组件中

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

Image Removed

效果

以油量图为例:

...

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

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

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

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

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

Image Added

  • 在进度图组件中

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

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

(2)垂直位置:设置指标名称在垂直方向上显示的位置,包括居上、居中和居下,默认效果为居中。

(3)水平位置:设置指标名称在水平方向上显示的位置,包括居左和居右。

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

Image Added


效果

  • 油量图效果:

Image Added

  • 水球图效果:

Image Added

  • 进度图效果:

Image Added

表盘风格

说明

对表盘样式进行切换或自定义:

Image RemovedImage Added

内置了上述三种常用风格的表盘进行选择,如未能满足需求,可通过如下设置项进行配置:

  • 开始角度:表盘开始角度开始角度:表盘开始角度。
  • 结束角度:表盘的结束角度结束角度:表盘的结束角度,0度起始位置为正右手侧,正上方为90度,可以从0到正360度或负360度调整。

...

  • 宽度:表盘的宽度。

...

0度起始位置为正右手侧,正上方为90度,可以从0到正360度或负360度调整。

...

Image Added

效果

以油量图组件为例:

Image RemovedImage Added

指针

说明

对指针的样式进行设置

  • 油量图系列组件中:可设置指针的形状、颜色和长宽。

形状类型包括:线型针、刀型针、水滴针、三角指针、无

效果

以油量图为例:形状选择刀型针:

...

Image Added

  • 进度图中:可设置指针的形状、颜色。

形状类型包括:无、三角形、倒三角形、圆形

效果

进度图形状选择为三角形:

...

Image Added

表盘颜色

说明

设置表盘指定区间的颜色。

指定区间手动输入从0到1之间的值。

Image Removed设置油量图表盘指定区间的颜色。指定区间手动输入从0到100之间的值。

效果

Image RemovedImage Added

区间数可增加和删除:

Image RemovedImage Added

刻度/刻度样式

说明

设置表盘刻度线的刻度指标是否显示、刻度指标颜色、刻度指标位置、刻度线长、刻度数、样式。设置油量图表盘刻度线的刻度指标是否显示、刻度颜色、刻度位置、刻度线长、刻度数、线样式。

...

  • 显示刻度:设置刻度是否显示。

...

  • 刻度颜色:设置刻度的颜色。

...

  • 位置:设置刻度的位置,包括外、上和内容。
  • 刻度线长:设置刻度线的长度。
  • 刻度数:设置每格刻度数的数量。

...

  • 线样式:设置刻度线的样式、粗细和颜色。

...

Image Added

效果

刻度指标显示
刻度显示
刻度指标不显示
刻度不显示
Image Removed

Image Added

Image Removed

Image Added

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

Image RemovedImage Added

...

刻度数据格式

说明

设置表盘刻度的分割线线长、刻度数、样式。

  1. 刻度线长:设置刻度线的长度。
  2. 刻度数:设置表盘划分的区域数量。
  3. 样式:设置刻度线的样式、大小和颜色。

Image Removed

效果

设置分割线的刻度数为5,图中红色线即为分割线,可看到表盘被等分为5份

Image Removed

圆心位置

说明

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

Image Removed

效果

...

Image Removed

...

设置油量图表盘刻度的数据格式。

Image Added

效果

Image Added

刻度值

说明

设置油量图表盘刻度的最小值、最大值

Image Added

效果

设置刻度最小值为1000,最大值为当前指标数据的1.5倍。

Image Added

分割线

说明

设置表盘刻度的分割线线长、刻度数、样式。

  • 刻度线长:设置刻度线的长度。
  • 刻度数:设置表盘划分的区域数量。
  • 样式:设置刻度线的样式、大小和颜色。

效果

设置分割线的刻度数为5,图中红色线即为分割线,可看到表盘被等分为5份。

Image Added

进度

说明

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

Image RemovedImage Added进度内容分为百分比和指标值:

进度内容分为百分比和指标值,进度情况与目标值相关,目标值的说明可参考下方的 目标值 :

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

Image Removed

公式包括如下两种:

Image Removed

  • 指标值:当前指标的数据。
  • 百分比:可选择公式进行百分比计算以及设置小数位数,其中公式“(指标值/目标值)*100%”一般适用于正向指标(如收入类),公式“(2-指标值/目标值)*100%”一般适用于反向指标(如成本费用类)。

Image Added

效果

当前进度为5.6%:62%,如图:

...

Image Added

...

...

目标值

...

目标值
目标值

说明

用于设置图形的目标值:用于设置油量图系列组件、水球图和进度图的目标值:

Image RemovedImage Added

配置项功能
默认
  • 与指标的字段值等值
注意

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


自定义

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

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

效果

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

指标值

说明

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

Image RemovedImage Added

各配置项如下:

配置项

功能

位置

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

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

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

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

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

注意

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


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

用于设置指标值的计算方式,其中公式“(指标值/目标值)*100%”一般适用于正向指标(如收入类),公式“(2-指标值/目标值)*100%”一般适用于反向指标(如成本费用类)。

效果

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

Image Added

间距

说明

用于一个组件中多个水球图之间的间隔距离,支持输入0-1000之间的数值。

通过在水球图的 指标 区中添加多个度量字段,可实现在一个组件中显示多个水球图的效果,间距效果只有含多个水球图时才能看到效果。

效果

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

Image RemovedImage Added

动画

说明

用于开启关闭水球图的动画效果

  • 显示。开启动画效果。显示:开启动画效果。
  • 不显示。关闭动画效果,波浪层显示为平静波浪。隐藏:关闭动画效果,波浪层显示为平静波浪。

...

Image Added

效果

关闭动画效果前后对比如下:

Image Removed

动画效果对比如下:

显示动画隐藏动画

Image Added

Image Added

水球背景

说明

用于修改水球图内部的背景颜色,默认为透明背景。

Image Removed用于修改水球图内部的背景颜色

效果

设置颜色为“#7ED321”设置水球图背景色为绿色。

Image RemovedImage Added

描述

说明

用于在图形下方用于在水球图下方显示当前度量的指标值和目标值,以及文本的布局及样式。(默认不显示)

  • 【布局】默认值为【竖排】

Image Removed

  • 显示:是否显示当前度量的指标值和目标值,默认效果为不显示。
  • 布局:设置描述内容的排版布局效果,默认值为竖排。
  • 样式:设置描述的文字样式,包括:字体类型、字号、文字颜色、加粗和斜体。

Image Added

效果

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

布局竖排横排
效果

Image Modified

Image Modified

布局列数

说明

进度条需要展示的列数(默认为值为3)设置进度图中,进度条需要展示的列数,默认为值为3。

Image RemovedImage Added

效果

列数为2列数为3
Image Removed

Image Added

Image Removed

Image Added

指标标签

说明

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

Image Removed

  • 垂直位置包括:
  • 水平位置包括:
  • 内容包括:百分比和实际值(在百分比中,可按需选择百分比计算公式、设置小数位数)

效果

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

...

用于设置进度图是否显示指标标签、垂直位置、水平位置、内容及字体样式。

Image Added

  • 显示:是否显示指标标签,默认效果为显示。
  • 垂直位置:居上、居中、居下。
  • 水平位置:居左、居右、随刻度。
  • 内容包括:百分比和实际值(在百分比中,可按需选择百分比计算公式、设置小数位数),其中公式“(指标值/目标值)*100%”一般适用于正向指标(如收入类),公式“(2-指标值/目标值)*100%”一般适用于反向指标(如成本费用类)。
  • 样式:设置指标标签的文字样式,包括:字体类型、字号、文字颜色、加粗和斜体。

效果

以垂直位置为“居上”、水平位置为“随刻度”、内容为“百分比”、显示1位小数、加粗倾斜紫色文字显示效果为例,效果如下图:

垂直位置和水平位置效果类似指标名称,可参考当前文档中的 指标名称 。

Image Added

信息

进度情况与目标值相关,目标值的说明可参考当前文档中的 目标值 。

粗细

说明

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

Image RemovedImage Added

效果

高度为1
粗细为1
高度为16
粗细为16
Image Removed

Image Added

Image Modified

进度槽

说明

设置进度槽的颜色。

Image Removed设置进度图的进度槽颜色。

效果

颜色为#50E3C2:设置进度图的进度槽颜色为绿色,效果如下图:

Image RemovedImage Added

刻度轴

说明

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

Image Removed设置进度图的刻度轴是否显示及调整其刻度轴字体样式。

  • 显示:是否显示刻度轴,默认效果为不显示。
  • 样式:设置刻度轴标签的文字样式,包括:字体类型、字号、文字颜色、加粗和斜体。

Image Added

效果

显示不显示
Image Removed

Image Added

Image Removed

Image Added

图形事件

说明

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

1、矩形树图的图形事件:聚焦

  • 允许:点击任意字段矩形放大聚焦到画布中央。允许:点击任意字段矩形块放大聚焦到画布中央。
  • 禁止:点击任意字段矩形无反应。禁止:点击任意字段矩形块无反应。

Image RemovedImage Added


2、旭日图的图形事件:下钻

  • 允许:开启Echarts的旭日图自带的下钻功能的下钻功能。
  • 禁止:禁用Echarts的旭日图自带的下钻功能禁止:禁用Echarts的旭日图自带的下钻功能。

Image RemovedImage Added

图形渲染

说明

设置图形渲染时,所采用的渲染器方法:

  • SVG:一种使用XML描述2D图像的语言。文本渲染能力强,刷新能力弱。适用于大区域渲染程序,比如高保真图形、带有某些特效的静态图像。
  • Ganvas:HTML5新增的DOM,提供了像素级图形编程接口。文本渲染能力弱,刷新能力强。适用于图像密集型编程。比如高性能图形、复杂场景的实时动画。

Image Added

最大系列数

说明

用于设置图表中进行考量对象的分组数。

...

某系列下有多个成员时,所有成员数据合计后再进行分布效果处理。

图形主题

说明用于设置选中组件的图形主题。

用于设置选中组件的图形主题,可选择的图形主题来源可参考 图形主题

设置组件的图形主题优先级高于全局的图形主题。

效果

组件的图形主题如图:

Image RemovedImage Added