【FineReport开发系列】关于普通报表那些常见背景配置

楼主
奋斗—努力做一个数据展示砖家

1.背景

报表开发过程中,为了确保报表整体样式的美观性,颜色的配置是必不可少的。

但是目前关于背景配置的文档比较分散。

所以,现在我们针对普通报表归纳一下,看看普通报表开发过程中涉及那些背景颜色配置的场景。

 

2.普通报表的背景配置

归纳一下,普通报表的背景配置主要分为以下六个方面,具体如下图【背景配置图】所示:

①工具栏背景

配置路径:模板web属性》分页预览&&填报预览&&数据分析预览》工具栏》背景设置

使用范围:用于工具栏所在区域的颜色的配置,见上面背景配置图中①所在区域

②控件背景

配置路径:小部分控件支持属性直接配置,如按钮【下图】;部分需要通过插件【控件显示增强】或者js进行背景自定义【修改控件颜色

使用范围:用于控件对应的背景区域的颜色的配置,见上面背景配置图中②所在区域

③参数栏背景

配置路径:点击参数栏》点击背景》设置颜色

使用范围:用于参数栏所在区域的颜色的配置,见上面背景配置图中③所在区域

④单元格背景

配置路径:页面直接配置或者选择单元格属性》格式》填充中配置或者条件属性中进行配置

使用范围:用于对应单元格所在区域的颜色的配置,见上面背景配置图中④所在区域

使用场景:

a.修改特定单元格的颜色,进行数据突出显示【条件属性】

b.分列设置,进行数据对比

c.间隔色,方便看数据

d.悬浮色,动态定位

⑤纸张背景

配置路径:模板》纸张背景》背景设置

使用范围:用于报表para所在区域的颜色的配置,见上面背景配置图中⑤所在区域

使用场景:

a.预览后的报表主体颜色设置

b.导出报表背景设置

c.打印报表背景设置

更多信息,参考文档【纸张背景

⑥浏览器背景

配置路径:模板》模板web属性》浏览器背景

使用范围:主要用于,见上面背景配置图中⑥所在区域

使用场景:

a.报表预览前的报表主体颜色展示

b.报表预览后的非报表区域的颜色设置

和纸张背景的差异,参考文档【差异】和【模板web属性

ps:关于图表背景相关就隶属于图表模块,此处不做介绍,详细可以参考文档图表

基于以上,我们即可按照我们的UI体系进行各个颜色系列的精准开发,从整体UI上保持颜色和风格的一致性。

最后,文档为个人总结,部分内容不完善、错误或者有遗漏的地方欢迎各位大佬补充~~

分享扩散:
参与人数 +1 F币 +50 理由
苏瑞 + 50 【2024原创内容激励奖励】给你32个赞!

查看全部评分

沙发
发表于 2024-7-9 14:28:25
您好,感谢您的投稿。您此篇文章内容结合FineReport介绍报表的常见背景配置,对工具栏、控件、参数栏等部分的背景配置进行介绍,实用性较强。再次感谢您的投稿,期待您的下一篇优秀原创文章~
板凳
发表于 2024-8-9 17:42:58
想知道怎么对表格的一整行设置图片背景,现在碰到的场景是行背景有渐变的
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

5回帖数 2关注人数 2565浏览人数
最后回复于:2024-8-13 13:50

返回顶部 返回列表