-
-
辰哥 管理员
发表于2018-6-22 14:42
楼主
一键带你解析文本组件、图片组件、tab页组件、图表置换组件~
亿信BI中新进很多组件，像基础组件，统计图组件，3D组件……，今日要给大家介绍的是几款常用的基础组件。
一般用于标题或者表头、表尾，支持Crtl+Enter 换行，并且可以嵌入宏表达式使用。
下面我们通过例子来看看文本组件如何使用
【需求说明】
· 为表格添加标题，字体加粗，相对表格居中
· 表格左上角和右上角添加表头、分别显示填报日期和单位，并相对表格居左和居右。效果如下图
【实现步骤】
step1. 添加文本组件从左侧导航树工具栏中拖入文本到分析区内，或者直接在分析区内空白处双击输入，并输入对应文字
step2. 设置字体、大小、粗体
选中文本、快捷栏中设置字体、字体大小、粗体，如下图
setp3. 嵌入宏表达式
这里需要采用宏的形式引用参数报表期（@bbq）的值，宏表达式的格式如下<#=待输入内容值#>
如果我们不是用宏表达式，直接引用@bbq.txt，结果表就会原样输出@bbq.txt
【其他】
快捷栏中居中、居中、居右：
属性中的居中，是指文本组件这个整体（包含边框和内部文字），相对于父级容器或表格的水平对齐方式
快捷栏中的居中，是指内部文字相对于文本组件的水平对齐方式
大小自适应属性：
此属性为组件通用属性，默认设置为按内容自适应，文本组件的高宽由内部文字的大小来确定；如果设置为空时，可以设置其高宽大小。
图片组件图片组件可以在报表中嵌入图片，图片大小会随着组件大小变化，被拉伸或者缩小 。
下面我们看看如何添加一个图片表头
【需求说明】
在报表右上方添加图片表头，鼠标放在图片上时有提示文字
【实现步骤】
step1. 拖入图片组件拖入图片组件到分析区中
step2. 设置图片组件
双击图片组件可以进入图片组件设置界面，可以上传需要的图片，也可以选择系统已有的图片。选择图片后图片为原始大小，如需修改可以自行调整组件高宽属性
step3. 设置图片提示文字
在图片组件右侧提示属性中，输入提示文字
tab页组件
可实现一张报表中有多个分析结果页面，通过tab页标签实现切换结果页面。
当前标签页规则
无结果表时计算，当前显示的标签页为编辑界面保存的当前标签页；再次计算，上次停留在哪一页计算后则还是显示该页
如果想计算后总是固定在某个标签页上，增加自定义属性ignoreTabActiveIndex=true
下面我们看看如何使用tab页组件设计报表：
【需求说明】
使用tab组件设计如下图的报表
【实现步骤】
step1. 拖入tab页、添加tab页签拖入tab页，调整tab页的高宽；选中标签页右键菜单可以选择新建标签页
step2. 设置tab页风格、颜色、页签图标、标题
tab页右侧属性中设置风格为绿叶精灵，设置标签头背景颜色为#41a2d3；再分别对每个标签页头设置图标和标题文字
step3. 拖入分析表和统计图
tab页的每个标签体中，分别拖入分析表和统计图，调整他们位置和高宽大小
【其他属性】
· 标签页头可见：默认勾选、取消勾选后会隐藏tab标签头
· 自定义样式：可以使用CSS样式代码，设置tab页样式，如color:red;font-size:15px
· 标签体背景颜色：设置标签体的背景颜色
· 标签体背景图片：设置标签体的背景图片
· 显示标签体边框：不勾选时，会隐藏边框（部分风格tab页，此属性不起效）
图表置换组件图表置换可以看作一种特殊的tab页，它是固定由两个标签页（表格和统计图）组成，其使用方法和【tab页组件】一致
