本文仅介绍组件属性中的“组件”和“高级”分类中的组件公共属性设置项,更多设置项的说明索引可参考 样式设置 。
背景
说明
设置组件的背景,支持颜色和图片两种方式。
效果
1、颜色效果
颜色包括纯色和渐变色两种效果:
详细说明如下:
颜色样式 | 说明 | 展示效果 |
---|---|---|
纯色 | 即纯色,如:红、蓝、粉等。 | |
单色渐变 | 同一色系的渐变,如淡蓝到深蓝。 | |
多色渐变 | 两种及以上的色系进行渐变。 |
渐变各设置项说明如下:
设置项 | 说明 |
---|---|
渐变色类型 | 分为线性渐变和径性渐变。 |
渐变方向 | 当为线性渐变时,渐变方向有从上到下、从下到上、从左到右、从右到左; 当为径性渐变时,渐变方向有居中、左上、右上、左下、右下。 |
渐变颜色 | 点击+ / -号增删色标,或点击色条上的空白位置增加色标,选中色标后,可以调整色标颜色和色标位置。 |
色标,通过色标设置渐变颜色。 | |
色标颜色 | 调整色标的颜色。 |
色标位置 | 以百分比的形式调整色标所处的位置。 |
2、图片效果
图片背景的拉伸方式支持:适应、平铺、拉伸、填充。其详情请参见 图片-拉伸 内容。
取消图片背景,把“背景”的开关关闭即可。
边框
说明
设置组件边框,支持设置线条边框、图片边框、圆角角度。
效果
1、线型边框效果:设置线条类型、粗细及颜色。
2、图片边框效果:
①选择内置图片素材
②上传图片,设置拉伸方式及边框固定区域参数。
设置项 | 说明 |
---|---|
拉伸类型 | 拉伸类型详情请参见 图片-拉伸。 |
边框编辑 | 点击进入边框编辑界面,设置边框固定区域的参数。 |
边框编辑界面:
设置项 | 说明 |
---|---|
参数值 | 输入四个方位(上下左右)的边框高度值,确定边框图片固定不变的区域。 |
参数线 | 拖拽的方式,设置四个方位(上下左右)的边框高度值,确定边框图片固定不变的区域。 |
3、圆角效果:设置组件边框的圆角角度。设置项包含组件4个角的圆角效果设置项,设置后可以实时查看效果。
设置项包含锁定按钮,默认为“锁定”状态,此时该图标高亮,代表4个角的圆角效果统一,无论设置哪一个角的圆角数值,其余三个角的数值会跟随保持一致。
点击锁定按钮,可解锁“锁定”状态,此时该图标置灰,代表4个角的圆角效果需单独设置。
可以点击 切换设置方式为百分比或绝对像素。
字体
说明
统一设置图形中的字体样式,包含字体类型、字体大小、字体颜色、加粗和斜体。
效果
标题
说明
设置标题的是否显示、标题内容、标题区背景色、标题区域高度、标题内容的字体样式,字体样式包括字体类型、字体大小、字体颜色、加粗和斜体。
效果
直接在画布区双击组件的标题也可修改标题的名字。
示例
通过富文本组件可实现将图表中的值传递到标题的效果。
操作步骤
1、已有如下图所示的仪表盘看板,现需要点击左侧的产品类别,联动筛选右侧柱图的数据,并增加文字提示当前筛选的是哪个产品类别。
2、添加文本组件到画布中,并调整文本组件到合适的位置,如下图所示:
3、双击编辑文本组件,在工具栏中点击“添加字段”,选择左侧组件的“产品类别”字段。
同时在后面添加文字“各区域销量情况”,并设置字体样式,如下图所示:
4、将左侧的组件设置作为筛选器,并应用于右侧的柱图,如下图所示:
5、点击左侧组件的产品类别,右侧的柱图数据和上方标题动态变化,如下图所示:
位置
说明
设置组件左顶点的X和Y坐标,而画布的左顶点位置是:X 0px, Y 0px。
效果
浏览态工具栏
说明
设置浏览状态下,鼠标移到组件是否显示工具栏。如果设置隐藏浏览工具栏,鼠标移到组件上不显示工具栏。
效果
定时刷新
说明
设置图表浏览时刷新数据的时间频率,定时刷新只在浏览状态时才生效,在编辑状态时不生效。
效果
设置柱图每2秒刷新一次,效果如下图所示:
输出行数
说明
1、设置表格类、指标类和图形类组件的输出行数,默认为100。注:大数据散点图默认为100000,大数据散点地图默认为200000。
- 字段未设置排序方式,按照原数据顺序输出。
- 字段设置了排序方式,按照排序后的数据顺序输出。
指标类组件中,指标看板、指标卡、环形进度图、外刻度油量图、内刻度油量图和水球图不支持设置输出行数。
2、不同图形最大可输入的行数值不同,主要是因为不同图形渲染机制不同,所以能支持的输出行数不同:
- 柱图、堆积柱图、横条图、堆积横条图、线图、堆积线图、曲线图、堆积曲线图、阶梯线图、堆积阶梯线图、面积图、堆积面积图、曲线面积图、堆积曲线面积图、散点图,最大可输入500000,且当输出行数超过5000时,图形自动进入大数据模式。大数据模式和普通模式在功能主要区别是大数据模式下不会绘制所有的数据点,但可以通过显示缩略轴放大以达到显示每一个数据点的目的。
- 大数据散点地图:最大可输入200000。
- 其他图形最大可输入1000。
效果
制作销量前10省份的横条图,设置输出行数为10时,效果如下图所示:
左键下钻
说明
设置图形是否支持左键单击进行下钻。
“左键下钻”配置项支持的是产品的“TAB下钻”(自定义下钻)和“层次下钻”功能,与旭日图的自带的下钻有所区别,旭日图的下钻禁用功能可参考 图表组件 ⬝ 旭日图。
压缩空行/压缩空列
说明
压缩空行/压缩空列指的是多维引擎执行返回结果,如果存在度量值为空值的行/列,会被去掉。其中压缩空列功能仅支持交叉表组件。
效果
类型 | 压缩 | 不压缩 |
---|---|---|
压缩空行 | ||
压缩空列 |