辰哥小课堂,亿信BI报表设计之常用基础组件~

4763
0

辰哥 管理员

发表于2018-6-22 14:42

楼主
一键带你解析文本组件、图片组件、tab页组件、图表置换组件~
亿信BI中新进很多组件,像基础组件,统计图组件,3D组件……,今日要给大家介绍的是几款常用的基础组件。

文本组件
一般用于标题或者表头、表尾,支持Crtl+Enter 换行,并且可以嵌入宏表达式使用。
下面我们通过例子来看看文本组件如何使用
【需求说明】
· 为表格添加标题,字体加粗,相对表格居中
· 表格左上角和右上角添加表头、分别显示填报日期和单位,并相对表格居左和居右。效果如下图
图片10.png

【实现步骤】
step1. 添加文本组件
从左侧导航树工具栏中拖入文本到分析区内,或者直接在分析区内空白处双击输入,并输入对应文字
图片11.png

step2. 设置字体、大小、粗体
选中文本、快捷栏中设置字体、字体大小、粗体,如下图
图片12.png
图片13.png

setp3. 嵌入宏表达式
这里需要采用宏的形式引用参数报表期(@bbq)的值,宏表达式的格式如下<#=待输入内容值#>
图片14.png

如果我们不是用宏表达式,直接引用@bbq.txt,结果表就会原样输出@bbq.txt
【其他】
快捷栏中居中、居中、居右:
属性中的居中,是指文本组件这个整体(包含边框和内部文字),相对于父级容器或表格的水平对齐方式
快捷栏中的居中,是指内部文字相对于文本组件的水平对齐方式
大小自适应属性:
此属性为组件通用属性,默认设置为按内容自适应,文本组件的高宽由内部文字的大小来确定;如果设置为空时,可以设置其高宽大小。
图片组件
图片组件可以在报表中嵌入图片,图片大小会随着组件大小变化,被拉伸或者缩小 。
下面我们看看如何添加一个图片表头
需求说明】
在报表右上方添加图片表头,鼠标放在图片上时有提示文字
图片15.png

【实现步骤】
step1. 拖入图片组件
拖入图片组件到分析区中
图片16.png

step2. 设置图片组件
双击图片组件可以进入图片组件设置界面,可以上传需要的图片,也可以选择系统已有的图片。选择图片后图片为原始大小,如需修改可以自行调整组件高宽属性
图片17.png

step3. 设置图片提示文字
在图片组件右侧提示属性中,输入提示文字
图片18.png

tab页组件
可实现一张报表中有多个分析结果页面,通过tab页标签实现切换结果页面。
当前标签页规则
无结果表时计算,当前显示的标签页为编辑界面保存的当前标签页;再次计算,上次停留在哪一页计算后则还是显示该页
如果想计算后总是固定在某个标签页上,增加自定义属性ignoreTabActiveIndex=true

下面我们看看如何使用tab页组件设计报表:
需求说明】
使用tab组件设计如下图的报表
图片19.png

【实现步骤】
step1. 拖入tab页、添加tab页签
拖入tab页,调整tab页的高宽;选中标签页右键菜单可以选择新建标签页
图片20.png

step2. 设置tab页风格、颜色、页签图标、标题
tab页右侧属性中设置风格为绿叶精灵,设置标签头背景颜色为#41a2d3;再分别对每个标签页头设置图标和标题文字
图片21.png

step3. 拖入分析表和统计图
tab页的每个标签体中,分别拖入分析表和统计图,调整他们位置和高宽大小
图片22.png

【其他属性】
· 标签页头可见:默认勾选、取消勾选后会隐藏tab标签头
· 自定义样式:可以使用CSS样式代码,设置tab页样式,如color:red;font-size:15px
· 标签体背景颜色:设置标签体的背景颜色
· 标签体背景图片:设置标签体的背景图片
· 显示标签体边框:不勾选时,会隐藏边框(部分风格tab页,此属性不起效)
图表置换组件
图表置换可以看作一种特殊的tab页,它是固定由两个标签页(表格和统计图)组成,其使用方法和【tab页组件】一致
图片23.png


最近看过此主题的会员

多喝热水8

淑离

静轶

esen_3G8UN21O2849

esen_4Q6MZ9SWVR

xzm

zhaojinjin

0个回答

只看楼主

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号