当前位置: 首页 > news >正文

帆软FineReport决策报表之页面布局

最近在用帆软决策报表绘制首页大屏,记录使用过程,方便查看。
版本:FineReport10.0

第一步、页面布局

页面布局其实就是组件的排列组合,决策报表主区域body有两种布局方式:自适应布局绝对布局
1)自适应布局:排列为自适应填充,层级不可叠加,只能单层排列,改变一个组件,其他组件大小也会跟着变化,适用于简单绘图;
对应可调整组件缩放的模式:双向自适应横向自适应
在这里插入图片描述
各组件自动填充到body的所有区域,占满整个空间。

2)绝对布局:控件的位置可固定,层级可叠加,改变一个组件,其他组件大小不会跟着变化。
对应缩放逻辑可设置为适应区域固定大小
适应区域即按照画布等比例缩放;
固定大小即按照画布实际大小展示,自动添加滚动条。
在这里插入图片描述
绝对布局下,各控件可以重复叠加,在浏览器预览效果如下图所示。
在这里插入图片描述
缩放逻辑设置为固定大小,左右有自动有滚动条
在这里插入图片描述

参考文档

【1】https://help.fanruan.com/finereport10.0/doc-view-1195.html

http://www.lryc.cn/news/174857.html

相关文章:

  • [Linux入门]---进程的概念
  • Leetcode—— 20.有效的括号
  • 视频播放器的技术组成
  • Stable Diffusion 系统教程 | 强大的ControlNet 控制网
  • Hadoop-sqoop
  • [论文阅读]YOLOV1:You Only Look Once:Unified, Real-Time Object Detection
  • Ubuntu 20.04 安装MySQL 8.0.34
  • MySQL 高级语句 Part1(进阶查询语句+MySQL数据库函数+连接查询)
  • Rust免杀 Shellcode加载与混淆2
  • 牛客java训练题 day1
  • 接口测试练习步骤
  • Qt/C++音视频开发56-udp推流和拉流/组播和单播推流
  • 人工智能轨道交通行业周刊-第61期(2023.9.18-9.24)
  • for...in 和 for...of 的区别
  • 高并发系统 - 接口幂等技术方案,高可用系统架构与技术选型
  • 简单的手机电脑无线传输方案@固定android生成ftp的IP地址(android@windows)
  • Unity3D 检测鼠标位置的Sprite像素颜色
  • layui input 监听事件
  • 一致性思维链(SELF-CONSISTENCY IMPROVES CHAIN OF THOUGHT REASONING IN LANGUAGE MODELS)
  • 腾讯云16核服务器配置大全_16核CPU型号性能测评
  • HTML中Input elements should have autocomplete attributes的解决方案
  • 2808. 使循环数组所有元素相等的最少秒数;1015. 可被 K 整除的最小整数;1001. 网格照明
  • Python爬虫在Web应用自动化测试中的应用
  • 苹果手机短信删除了怎么恢复?3种有效方法介绍
  • 前端JavaScript中的 == 和 ===区别,以及他们的应用场景,快来看看吧,积累一点知识。
  • 文献阅读:LIMA: Less Is More for Alignment
  • 机器学习第十四课--神经网络
  • React(react18)中组件通信04——redux入门
  • 最新AI创作系统+ChatGPT网站源码+支持GPT4.0+支持ai绘画+支持国内全AI模型
  • react+umi项目中引入antd组件报错:“Button”不能用作 JSX 组件解决方案