dashBoard 经验总结 --DBD 失真问题的优化

简介: dashBoard优化,大屏优化,DBD优化,失真优化

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

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

1

调整后图 2:
2

  1. 按照使用主子报表的方式将所有组件放到一个表里实现
    分析以上两种方式的弊端:

第 1 种方式中因各组件使用了自适应的方式呈现,顾所有与定位有关的设置都有可能出现因定位不准确出现提示信息错误或超链接跳转非指定部分等问题
单从解决如上问题的角度出发,可以设置组件为不适应或者取消提示信息 / 超链接设置,但是从 DBD 整体效果考虑设置不适应可能会出现组件失真或者该组件需要滚动显示。
第 2 种方式因主子报表的限制不能实现各组件间的联动。
二、如果不满足一屏显示,比如最终效果中包含 10 个组件在一屏的条件不能满足每个组件都能清晰呈现,那么首先需要我们手动修改 dbd 展现界面中的宽高为固定值,并在 jsp 的 script 中添加 document.getElementById(“board1_area”).style.overflow=“auto”; 以滚动条的形式查看全部控件,
接下来就是通过调整各组件的宽高(同步调整该组件对应报表的页面大小)和自适应的方式来达到我们想要的效果(注意如果调整过程发现页面宽高不足或超出 可再次调整页面宽高),比如某个组件中包含一个饼图无论我怎么调整组件的宽高,均有些扁 如下图
3

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

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

作者:IBelieve
链接:http://c.raqsoft.com.cn/article/1534910288497?r=IBelieve
来源:乾学院
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

目录
相关文章
|
4月前
|
监控 Linux
性能工具之stress工具使用教程(带源码说明)
stress是一个在linux下的压力测试小工具。
263 2
|
1月前
|
缓存 负载均衡 Java
SpringBoot 与 Nginx 配置优化:性能拉满的关键学习方法
【8月更文挑战第1天】在现代Web开发领域,SpringBoot以其快速启动、简化配置的特性成为众多开发者的首选框架,而Nginx则以其高性能的HTTP和反向代理服务器功能著称。将两者结合,并通过精细的配置优化,可以显著提升Web应用的性能与稳定性。以下是为您学生定制的SpringBoot与Nginx配置优化的学习方法与研究路径。
56 1
|
10月前
|
关系型数据库 MySQL
mysql监测工具tuning-primer.sh
mysql监测工具tuning-primer.sh
46 0
|
网络协议 架构师 应用服务中间件
Nginx 实战系列之三:Nginx TCP backlog 分析优化和性能相关经验汇总
Nginx 实战系列之三:Nginx TCP backlog 分析优化和性能相关经验汇总
|
网络协议 安全 应用服务中间件
Nginx 实战系列之二:Nginx 优化中在 Nginx 侧 和 Linux 系统侧必须要调整优化的参数详细和最佳推荐配置
Nginx 实战系列之二:Nginx 优化中在 Nginx 侧 和 Linux 系统侧必须要调整优化的参数详细和最佳推荐配置
|
应用服务中间件 测试技术 vr&ar
28个案例问题分析---17---生产环境混用带来的影响--nginx,fastdfs
28个案例问题分析---17---生产环境混用带来的影响--nginx,fastdfs
88 0
|
Prometheus 监控 Cloud Native
五分钟带你玩转prometheus(四)还在用Zabbix???更高大上的springboot监控方案
五分钟带你玩转prometheus(四)还在用Zabbix???更高大上的springboot监控方案
308 0
五分钟带你玩转prometheus(四)还在用Zabbix???更高大上的springboot监控方案
|
Shell API 数据库
综合扫描工具 -- recon-ng(v5.0.1)
综合扫描工具 -- recon-ng(v5.0.1)
177 0
综合扫描工具 -- recon-ng(v5.0.1)
|
监控 Java 测试技术
第八章--性能优化--pprof详细研究
pprof的基本操作, 上次博客有记录, 这里进一步研究pprof 接下来开始今天的学习内容. 计划今天研究以下几个部分的内容
319 0
第八章--性能优化--pprof详细研究
|
监控 Kubernetes Go
k8s与监控--从telegraf改造谈golang多协程精确控制
从telegraf改造谈golang多协程精确控制 前言 telegraf是infuxdb公司开源出来的一个基于插件机制的收集metrics的项目。整个架构和elastic公司的日志收集系统极其类似,具备良好的扩展性。
1937 0