决策报表布局方式（新建一个绝对布局，双击，在拖其它图表，报表块装进去。就不会变形）

已于 2023-12-12 10:28:05 修改
阅读量808 收藏 7
点赞数 7
分类专栏： Finereport 帆软 文章标签： html5 前端
于 2023-12-12 10:04:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujiaping/article/details/134941907
版权

FineReport11.0

1.绝对布局：
只是适合自己调试电脑显示，适用于一个展示区域需要用多个组件叠加组成时使用

2.自适应布局：双向自适应 ：

https://help.fanruan.com/finereport/doc-view-4276.html
组件会自动调整显示宽度以适应不同分辨率浏览器的宽度
模板中的所有组件同时在横向和纵向两个方向上充满浏览器窗口
且在不同屏幕分辨率下，内容都会呈现在一页中

3.更改模版内容时
新建一个绝对布局，双击，在拖其它图表，报表块装进去。就不会变形，和无法控制图表大小了

liujiaping
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
帆软报表开发学习笔记（二）
asdene的博客
08-19 3138
`帆软报表开发学习笔记`帆软报表数据准备(20200817)帆软报表数据准备(20200818) 帆软报表开发学习笔记 帆软报表数据准备(20200817) 数据连接： 制作报表前需要定义数据来源，最常见的就是数据保存在数据库中，并且数据随着业务的更新而不断更新，这时候的报表数据也是动态的。帆软的两种数据连接方式：设计器和平台。 FineReport支持通过 JDBC、JNDI、SAP、XMLA 和 FineBI 五种方式连接数据库，数据连接存储在工程中，当用户执行需要访问数据库的操作时这些连接被激活
帆软FineReport制作报表Ⅲ--填报报表、决策报表、大屏搭建
no___good的博客
06-28 5279
帆软FineReport制作报表Ⅲ--填报报表+决策报表+大屏搭建
帆软FineReport决策报表之页面布局
梦幻通灵
09-24 2703
帆软决策报表布局方式
帆软：决策报表01
fu_manxing的专栏
03-15 715
帐软
【帆软报表开发】决策系统挂载报表
最新发布
欲买桂花同载酒的博客
07-25 398
点击->登陆或者输入网址登陆（默认端口号：8075第一次需要输入超级管理员的用户名和密码，然后登陆决策系统成功登陆决策系统。
安卓图表报表相关-GraphView-Demo超简单图表绘制.rar
07-29
【标题】"安卓图表报表相关-GraphView-Demo超简单图表绘制"是一个关于在Android平台上使用GraphView库创建图表和报表的示例项目。GraphView是一个流行的开源库，它允许开发者轻松地在Android应用中集成各种类型的...
安卓图表报表相关-自定义圆形呼吸控件CircleView.rar
07-29
"安卓图表报表相关-自定义圆形呼吸控件CircleView.rar"这个压缩包包含了一个自定义的圆形呼吸效果控件，适用于创建独特且吸引用户的UI元素。下面将详细解释相关知识点。 1. 自定义视图： 在Android中，开发者可以...
如意报表(Ming-WebReport-V3)安装程序
09-25
如意报表，全称为Ming-WebReport，是一款在中国广受欢迎的报表工具，主要应用于Web环境，为用户提供数据可视化和报表设计的功能。这款软件的核心在于帮助用户快速、灵活地创建和管理各种复杂的数据报表，适用于企业...
不同CSS布局实现与文字鼠标选择的可用性
12-13
这么说吧，假设你在微博上看见一个名为“屌丝逆袭”的标题，但是，由于孤陋寡闻，不知道这个标题啥意思，于是想百度之，最快的方式就是选择→复制→搜索。结果，像中了邪，这几个文字TMD就是选不准，老把旁边的...
vb6源码：ListView控件应用报表（有多种排列方式）.rar
10-14
这个"vb6源码：ListView控件应用报表（有多种排列方式）.rar"文件提供了一个实例，展示了如何利用ListView控件来创建功能丰富的报表，并且支持多种排列方式，这对于开发人员来说是一份宝贵的参考资料。 首先，让...
帆软FineReport决策报表Tab实现方案
梦幻通灵
09-13 2311
决策报表的Tab的两种实现方式
帆软报表（finereport）大屏细节操作(持续更新)
weixin_30467087的博客
06-12 7518
图表间之间的组件间隔：body-->属性-->布局-->组件间隔 决策报表背景水印：body-->属性-->水印 仪表盘指针/枢纽/背景颜色:样式-->系列 柱形图/组合图警戒线：样式-->背景-->绘图区-->警戒线Y轴 折线图间隔背景：样式-->背景-->绘图区-->间隔背景 柱形图圆角：样式-->系列--...
帆软报表配置入门（一丶普通报表和决策报表 ）
qq_45370396的博客
12-02 2070
帆软普通报表入门
帆软结合Echarts
qq_28658431的博客
12-05 3673
最近需要用到帆软开发BI报表，帆软提供了很多图形界面，定制化程度很高。 为了大屏能够适应分辨率，我选择了决策报表，使用的是绝对布局+适应区域的区域缩放规则。在这个基础上开始写CSS样式和JS。比较困难的地方就在于有些图表帆软无法制作出来，比如县市的3D地图，只能通过Echarts的方式引入，对接Echarts需要注意页面的加载时机的问题。 我选择的方式是拖拽一个图表块，但不对其引入数据，直接写...
[财务][数据化分析][帆软]报表设计-决策报表设计模式
浩秦的博客
05-23 1229
就我而言，不建议使用这个FineReport里面的决策报表，还是用FineBI里面的决策报表好用，阔以在web端进行设计，其实都一样。 [财务][数据化分析][帆软]报表设计-决策报表设计模式 1. 描述 为了弥补普通 cpt 模板设计关于自适应布局、局部刷新等等方面的不足，FineReport 推出了决策报表设计模式的概念，可以通过决策报表来实现移动端的自适应，组件间的联动...
帆软Tab块
theminer的博客
01-04 5601
1.概述 1.1 版本 报表服务器版本 11.0 1.2应用场景 模板维度、数据较多，又不希望模板页面过长时，可使用 Tab 块，手动切换维度，且可以展示每个维度的标题。 同一个页面有多个明细数据表，不希望每一个都平铺展示出来，可使用 Tab 块，根据实际需要展示数据。 1.3功能简介 针对您想要分析的某组数据，可以从使用 Tab 设置多个 Tab，分别从多个维度来分析这组数据，查看时切换 Tab 即可，非常方便。 例如：想要分析某工厂的生产情况，...
帆软报表技术
热门推荐
WaY0626的博客
03-12 1万+
FineReport-leanning 第一张报表 效果展示图 操作步骤 新建数据连接 新建数据连接的目的是让 FineReport 设计器连接数据库，这样报表就可以在数据库中读取、写入或修改数据。 数据连接的方式有两种，分别是连接内置数据库和连接外置数据库。 新建报表类型 新建数据集 数据集通过 SQL 查询语句从已经建立连接的数据库中取数，将数据以二维表的形式保存并显示在数据集管理面板处。简单而言数据集是报表设计时的直接数据来源。 数据集按照作用范围分为两种：服务器数据集 和 模板数据集。 我们制作
帆软决策报表嵌入html,在决策报表中使用网页框控件
weixin_42500963的博客
06-21 4354
2.1 安装插件点击下载插件：网页框控件插件设计器插件安装方法请参见：设计器插件管理服务器安装插件方法请参见：服务器插件管理2.2添加网页框控件插件安装完毕后，新建决策报表，点击「控件栏」，新增了「网页框控件」，拖动到决策报表 body 界面，即可添加。如下图所示：2.3地址和参数选中「网页框控件」，可以设置「地址和参数」，步骤如下图所示：2.3.1地址支持添加两种类型的链接。1)模板路径...
FineReport_大屏搭建详细过程
weixin_41668007的博客
04-17 5566
最终呈现结果(比文档要详细) 一、将所需图表拉直决策报表中 选择绝对布局，可以设置大小 二、准备好数据源，设置各图表数据 点击图表--编辑--数据--设置数据源，，此处可查看帮助文档中各图表的详细设置，设置数据来源、各系列名、值，汇总方式 三、调整布局，将各图表组件位置进行设置 四、配色 、 可将每个图标直接引用在服务器上设置的预定义样式，设置标题，图例，背景等 五、给每个图表设置边框，设置统一的标题，去掉图例 1.以下两种方式都可以设置外置边框，但...
怎么设置js的双击只在这个元素上生效，而不会影响其他元素的文字选择
07-17
要实现只在特定元素上生效的双击事件，可以使用事件委托的方式来处理。通过将双击事件绑定到父元素上，然后在事件处理函数中判断目标元素是否为所需的元素，以此来确定是否执行特定的操作。 以下是一个示例： ```javascript const parentElement = document.getElementById('parentElement'); parentElement.addEventListener('dblclick', function(event) { const targetElement = event.target; // 检查目标元素是否为所需的元素 if (targetElement.matches('.specificElement')) { // 在这里执行双击事件的操作 console.log('双击触发了特定元素'); } }); ``` 在上述示例中，我们将双击事件绑定到名为`parentElement`的父元素上。然后，在事件处理函数中，我们通过`event.target`来获取实际触发事件的目标元素。接着，使用`matches`方法检查目标元素是否符合所需的选择器（例如`.specificElement`），如果匹配成功，就执行特定的操作。 通过这种方式，只有在目标元素上进行双击操作时，才会执行特定的操作，而不会影响其他元素的文字选择。记得将代码中的`parentElement`和`.specificElement`替换为你实际使用的父元素和目标元素的选择器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值