页面树结构

版本比较

标识

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

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

Image Added

背景

说明

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

效果

1、颜色效果

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

Image Added

详细说明如下:

颜色样式

说明

展示效果

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

Image Added

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

Image Added

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

Image Added

渐变各设置项说明如下:

设置项

说明

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

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

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

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

Image Added

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

2、图片效果

Image Added

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

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

边框

说明

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

效果

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

Image Added

2、图片边框效果:

①选择内置图片素材

Image Added

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

Image Added

设置项说明

Image Added拉伸类型

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

Image Added边框编辑

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

边框编辑界面:

Image Added

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

圆角

说明

设置组件的圆角效果。

效果

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

Image Added

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

Image Added

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

Image Added

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

Image Added

阴影
阴影
阴影

说明

设置组件的阴影效果,支持设置阴影的颜色和位置。

效果

1、设置阴影的颜色。

Image Added

2、设置阴影的位置

  • 系统已预设了一些常用位置:居中、右、左、下、右下方、左下方、上、右上方、左上方,效果如下图所示:
位置效果
居中

Image Added

Image Added

Image Added

Image Added

右下方

Image Added

左下方

Image Added

Image Added

右上方

Image Added

左上方

Image Added

  • 预设的位置无法满足需求时,可以选择 自定义 位置,手动调整阴影的 大小、模糊和距离 ,效果如下图所示:

          距离:以组件的中心点作为X、Y的原点。

Image Added

字体

说明

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

效果

Image Added

标题

说明

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

效果

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

Image Added

示例

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

Image Added

操作步骤

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

Image Added

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

Image Added

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

Image Added

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

Image Added

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

Image Added

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

Image Added

位置

说明

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

效果

Image Added

浏览态工具栏

说明

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

效果

Image AddedImage Added

定时刷新

说明

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

效果

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

Image AddedImage Added

输出行数
输出行数
输出行数

说明

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

  • 字段未设置排序方式,按照原数据顺序输出;字段设置了排序方式,按照排序后的数据顺序输出。
  • 指标类组件中,指标看板、指标卡、环形进度图、外刻度油量图、内刻度油量图和水球图不支持设置输出行数。

2、不同图形最大可输入的行数值不同,主要是因为不同图形渲染机制不同,所以能支持的输出行数不同:

  • 柱图、堆积柱图、横条图、堆积横条图、线图、堆积线图、曲线图、堆积曲线图、阶梯线图、堆积阶梯线图、面积图、堆积面积图、曲线面积图、堆积曲线面积图、散点图,最大可输入500000,且当输出行数超过5000时,图形自动进入大数据模式。大数据模式和普通模式在功能主要区别是大数据模式下不会绘制所有的数据点,但可以通过显示缩略轴放大以达到显示每一个数据点的目的。


信息

为了保证用户使用稳定,单个图形组件限制最大可查看 输出行数*系列数 <= 500万 的数据。

  • 大数据散点地图:最大可输入200000。
  • 其他图形最大可输入1000。

效果

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

Image Added

左键下钻

说明

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

注意

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

压缩空行/压缩空列

说明

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

Image Added

效果

类型压缩不压缩
压缩空行Image Added

Image Added

压缩空列

Image Added

Image Added