1. 概述
1.1 版本说明
报表服务器版本 | APP版本 | HTML5移动端展现插件 | 功能变动 |
---|---|---|---|
10.0.18 | - | - | 报表块和图表块的「属性」界面改版,在该界面可以分别设置组件的标题、背景、边框 |
10.0.18 | 10.4.990 | 10.4.990 | 移动端支持展现改版后的「属性」界面设置 |
1.2 应用场景
在决策报表中,图表块、报表块、Tab 块统称为组件。
选中组件后,在右下角属性面板中的即可设置组件的各项属性,包括组件名称、坐标尺寸以及样式设置。
如下图所示:
2. 组件名称
组件名称默认为 组件类型+数字后缀 ,例如图表块为 chart0 。不支持为空或重复。
3. 组件坐标尺寸
1)组件位置只有在「绝对布局」下可以手动设置。「自适应布局」时,只能通过拖拽组件去移动位置。如下图所示:
2)组件大小在「自适应布局」下,宽度限制最小为 43,高度限制最小为 25。「绝对布局」无限制。
在「自适应布局」下,拖拽组件时,会自动限制,若手动调整坐标值,会弹出提示。如下图所示:
4. 样式介绍
4.1 组件标题
「属性」界面设置的标题。
前端预览时所处的位置如下图所示:
标题的每个设置项介绍如下表所示:
设置项 | 作用 |
---|---|
标题可见 | 图表块默认勾选,报表块默认不勾选。 预览时标题显示在组件内容上方。取消勾选则不显示标题 |
文本 | 直接在编辑框中输入标题文本信息,如果想使用右侧公式按钮编辑,请将文本带上双引号 |
字符 | 修改标题文本的格式,包括字体、字号、颜色、倾斜、加粗、下划线 |
标题图案 | 给标题区域添加一个图标: 这个图标支持的图片格式:gif、jpg、png、bmp。且可以设置图标的对齐位置和图文间隔 如果已经设置了图标,想清除掉这个设置,需要将鼠标悬浮在图片上方,点击显示出的删除按钮即可: |
位置 | 设置标题文本的对齐位置:靠左、居中、靠右 |
标题填充 | 可以对标题区域的背景进行填充,填充方式包括:没有背景、颜色、图片、渐变色。标题填充区域如下图所示: 注:标题背景渐变色设置的不透明度移动端不支持展示。 |
4.2 组件背景
「属性」界面设置的背景是指组件内容区域的背景。
前端预览时填充的区域如下图所示:
填充方式包括:没有背景、颜色、图片、渐变色。使用图片填充时,有四种图片自适应样式,分别如下:
默认:即原图显示,如果组件大小<原图大小,则从左上角开始,多出部分截断不显示。
平铺:即图片重复以铺满组件。
拉伸:即以图片组件宽高进行自适应,如果图片小则拉伸填充组件,否则进行压缩填充。
适应:即以图片宽高原比例自适应组件大小。
4.3 组件边框
「属性」界面的边框,会同时将标题区域和内容区域框起来。
前端预览时组件边框作用区域如下图所示:
边框每个设置项的介绍如下表所示:
设置项 | 作用 |
---|---|
渲染风格 | 有两个选项:普通、阴影。设置为普通时无任何渲染特效,设置为阴影时,边框周围会有阴影 注:移动端不支持 |
边框 | 可以设置为:无、自定义图片、线条 注:新自适应插件 不支持边框设置为自定义图片 当设置为自定义图片时,可以使用 点九图 来填充,这个功能可以很好地解决图片被拉伸变形的问题 |
圆角 | 定义边框四个角的弧度,这四个角可以显示成圆角: |