温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何进行DBD失真问题的优化

发布时间:2022-01-15 15:18:44 来源:亿速云 阅读:114 作者:柒染 栏目:互联网科技

这篇文章的内容主要围绕如何进行DBD失真问题的优化进行讲述,文章内容清晰易懂,条理清晰,非常适合新手学习,值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获!

关于 DBD 失真问题的优化:

首先判断是否满足一屏显示:

一、如果满足一屏显示,默认展现 DBD 的 jsp 是宽高自适应的, 这种情况下为保证各组件不失真操作方式有如下 2 种:

1. 确定各组件占 DBD 区域的大小,然后报表纸张也指定为同样的大小,这样调整后 各组件再按照宽高自适应基本就不会失真了,但也有一些特殊的情况(如下图 1),按照如上设置后部分文字还有出现被压扁的现象,那么可以通过增加 dbd 列并同时调整其列宽达到局部文字调整的效果

图 1:

如何进行DBD失真问题的优化

调整后图 2:

如何进行DBD失真问题的优化

2. 按照使用主子报表的方式将所有组件放到一个表里实现

分析以上两种方式的弊端:

第 1 种方式中因各组件使用了自适应的方式呈现,顾所有与定位有关的设置都有可能出现因定位不准确出现提示信息错误或超链接跳转非指定部分等问题

单从解决如上问题的角度出发,可以设置组件为不适应或者取消提示信息 / 超链接设置,但是从 DBD 整体效果考虑设置不适应可能会出现组件失真或者该组件需要滚动显示。

第 2 种方式因主子报表的限制不能实现各组件间的联动。

二、如果不满足一屏显示,比如最终效果中包含 10 个组件在一屏的条件不能满足每个组件都能清晰呈现,那么首先需要我们手动修改 dbd 展现界面中的宽高为固定值,并在 jsp 的 script 中添加 document.getElementById(“board1_area”).style.overflow=“auto”; 以滚动条的形式查看全部控件,

接下来就是通过调整各组件的宽高(同步调整该组件对应报表的页面大小)和自适应的方式来达到我们想要的效果(注意如果调整过程发现页面宽高不足或超出 可再次调整页面宽高),比如某个组件中包含一个饼图无论我怎么调整组件的宽高,均有些扁  如下图

如何进行DBD失真问题的优化

那么我们就可以调整一下他的自适应方式  将默认的宽高自适应,改为高度自适应使组件纵向拉伸 已达到正常的效果

如何进行DBD失真问题的优化

此步调整主要通过观察呈现效果是被横向拉长了还是纵向压扁了,来确定怎么调整组件所在区域的宽高及扩展方式(特别注意:建议此步调整优先调整组件宽高)

感谢你的阅读,相信你对“如何进行DBD失真问题的优化”这一问题有一定的了解,快去动手实践吧,如果想了解更多相关知识点,可以关注亿速云网站!小编会继续为大家带来更好的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

dbd
AI