页面树结构
转至元数据结尾
转至元数据起始

本文仅介绍组件属性中的“组件”和“高级”分类中的组件公共属性设置项,更多设置项的说明索引可参考 样式设置

背景

说明

设置组件的背景,支持颜色和图片两种方式。

效果

1、颜色效果

颜色包括纯色和渐变色两种效果:

详细说明如下:

颜色样式

说明

展示效果

纯色即纯色,如:红、蓝、粉等。

单色渐变同一色系的渐变,如淡蓝到深蓝。

多色渐变两种及以上的色系进行渐变。

渐变各设置项说明如下:

设置项

说明

渐变色类型分为线性渐变和径性渐变。
渐变方向

当为线性渐变时,渐变方向有从上到下、从下到上、从左到右、从右到左;

当为径性渐变时,渐变方向有居中、左上、右上、左下、右下。

渐变颜色点击+ / -号增删色标,或点击色条上的空白位置增加色标,选中色标后,可以调整色标颜色和色标位置。

色标,通过色标设置渐变颜色。
色标颜色调整色标的颜色。
色标位置以百分比的形式调整色标所处的位置。

2、图片效果

图片背景的拉伸方式支持:适应、平铺、拉伸、填充。其详情请参见 图片-拉伸 内容。

取消图片背景,把“背景”的开关关闭即可。

边框

说明

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

效果

1、线型边框效果:设置线条类型、粗细及颜色。

2、图片边框效果:

①选择内置图片素材

②上传图片,设置拉伸方式及边框固定区域参数。

设置项说明

拉伸类型

拉伸类型详情请参见 图片-拉伸

边框编辑

点击进入边框编辑界面,设置边框固定区域的参数。

边框编辑界面:

设置项说明
参数值输入四个方位(上下左右)的边框高度值,确定边框图片固定不变的区域。
参数线拖拽的方式,设置四个方位(上下左右)的边框高度值,确定边框图片固定不变的区域。


3、圆角效果:设置组件边框的圆角角度。设置项包含组件4个角的圆角效果设置项,设置后可以实时查看效果。

设置项包含锁定按钮,默认为“锁定”状态,此时该图标高亮,代表4个角的圆角效果统一,无论设置哪一个角的圆角数值,其余三个角的数值会跟随保持一致。

点击锁定按钮,可解锁“锁定”状态,此时该图标置灰,代表4个角的圆角效果需单独设置。

可以点击切换设置方式为百分比或绝对像素。


字体

说明

统一设置图形中的字体样式,包含字体类型、字体大小、字体颜色、加粗和斜体。

效果

标题

说明

设置标题的是否显示、标题内容、标题区背景色、标题区域高度、标题内容的字体样式,字体样式包括字体类型、字体大小、字体颜色、加粗和斜体。

效果

直接在画布区双击组件的标题也可修改标题的名字。

示例

通过富文本组件可实现将图表中的值传递到标题的效果。

操作步骤

1、已有如下图所示的仪表盘看板,现需要点击左侧的产品类别,联动筛选右侧柱图的数据,并增加文字提示当前筛选的是哪个产品类别。

2、添加文本组件到画布中,并调整文本组件到合适的位置,如下图所示:

3、双击编辑文本组件,在工具栏中点击“添加字段”,选择左侧组件的“产品类别”字段。

同时在后面添加文字“各区域销量情况”,并设置字体样式,如下图所示:

4、将左侧的组件设置作为筛选器,并应用于右侧的柱图,如下图所示:

5、点击左侧组件的产品类别,右侧的柱图数据和上方标题动态变化,如下图所示:

位置

说明

设置组件左顶点的X和Y坐标,而画布的左顶点位置是:X  0px, Y  0px。

效果

浏览态工具栏

说明

设置浏览状态下,鼠标移到组件是否显示工具栏。如果设置隐藏浏览工具栏,鼠标移到组件上不显示工具栏。

效果

定时刷新

说明

设置图表浏览时刷新数据的时间频率,定时刷新只在浏览状态时才生效,在编辑状态时不生效。

效果

设置柱图每2秒刷新一次,效果如下图所示:

输出行数

说明

设置表格类、指标类和图形类组件的输出行数,默认为100。注:大数据散点图默认为100000。

  • 字段未设置排序方式,按照原数据顺序输出。
  • 字段设置了排序方式,按照排序后的数据顺序输出。

指标类组件中,指标看板、指标卡、环形进度图、外刻度油量图、内刻度油量图和水球图不支持设置输出行数。

效果

制作销量前10省份的横条图,设置输出行数为10时,效果如下图所示:

左键下钻

说明

设置图形是否支持左键单击进行下钻。

“左键下钻”配置项支持的是产品的“TAB下钻”(自定义下钻)和“层次下钻”功能,与旭日图的自带的下钻有所区别,旭日图的下钻禁用功能可参考 图表组件 ⬝ 旭日图

压缩空行/压缩空列

说明

压缩空行/压缩空列指的是多维引擎执行返回结果,如果存在度量值为空值的行/列,会被去掉。其中压缩空列功能仅支持交叉表组件。

效果

类型压缩不压缩
压缩空行

压缩空列

  • 无标签