如何進(jìn)行DBD失真問題的優(yōu)化

這篇文章的內(nèi)容主要圍繞如何進(jìn)行DBD失真問題的優(yōu)化進(jìn)行講述，文章內(nèi)容清晰易懂，條理清晰，非常適合新手學(xué)習(xí)，值得大家去閱讀。感興趣的朋友可以跟隨小編一起閱讀吧。希望大家通過這篇文章有所收獲！

關(guān)于 DBD 失真問題的優(yōu)化：

首先判斷是否滿足一屏顯示：

一、如果滿足一屏顯示，默認(rèn)展現(xiàn) DBD 的 jsp 是寬高自適應(yīng)的, 這種情況下為保證各組件不失真操作方式有如下 2 種：

1. 確定各組件占 DBD 區(qū)域的大小，然后報(bào)表紙張也指定為同樣的大小，這樣調(diào)整后 各組件再按照寬高自適應(yīng)基本就不會(huì)失真了，但也有一些特殊的情況（如下圖 1），按照如上設(shè)置后部分文字還有出現(xiàn)被壓扁的現(xiàn)象，那么可以通過增加 dbd 列并同時(shí)調(diào)整其列寬達(dá)到局部文字調(diào)整的效果

圖 1：

調(diào)整后圖 2：

2. 按照使用主子報(bào)表的方式將所有組件放到一個(gè)表里實(shí)現(xiàn)

分析以上兩種方式的弊端：

第 1 種方式中因各組件使用了自適應(yīng)的方式呈現(xiàn)，顧所有與定位有關(guān)的設(shè)置都有可能出現(xiàn)因定位不準(zhǔn)確出現(xiàn)提示信息錯(cuò)誤或超鏈接跳轉(zhuǎn)非指定部分等問題

單從解決如上問題的角度出發(fā)，可以設(shè)置組件為不適應(yīng)或者取消提示信息 / 超鏈接設(shè)置，但是從 DBD 整體效果考慮設(shè)置不適應(yīng)可能會(huì)出現(xiàn)組件失真或者該組件需要滾動(dòng)顯示。

第 2 種方式因主子報(bào)表的限制不能實(shí)現(xiàn)各組件間的聯(lián)動(dòng)。

二、如果不滿足一屏顯示，比如最終效果中包含 10 個(gè)組件在一屏的條件不能滿足每個(gè)組件都能清晰呈現(xiàn)，那么首先需要我們手動(dòng)修改 dbd 展現(xiàn)界面中的寬高為固定值，并在 jsp 的 script 中添加 document.getElementById(“board1_area”).style.overflow=“auto”; 以滾動(dòng)條的形式查看全部控件，

接下來就是通過調(diào)整各組件的寬高（同步調(diào)整該組件對(duì)應(yīng)報(bào)表的頁面大?。┖妥赃m應(yīng)的方式來達(dá)到我們想要的效果（注意如果調(diào)整過程發(fā)現(xiàn)頁面寬高不足或超出 可再次調(diào)整頁面寬高），比如某個(gè)組件中包含一個(gè)餅圖無論我怎么調(diào)整組件的寬高，均有些扁  如下圖

那么我們就可以調(diào)整一下他的自適應(yīng)方式  將默認(rèn)的寬高自適應(yīng)，改為高度自適應(yīng)使組件縱向拉伸 已達(dá)到正常的效果

此步調(diào)整主要通過觀察呈現(xiàn)效果是被橫向拉長了還是縱向壓扁了，來確定怎么調(diào)整組件所在區(qū)域的寬高及擴(kuò)展方式（特別注意：建議此步調(diào)整優(yōu)先調(diào)整組件寬高）

感謝你的閱讀，相信你對(duì)“如何進(jìn)行DBD失真問題的優(yōu)化”這一問題有一定的了解，快去動(dòng)手實(shí)踐吧，如果想了解更多相關(guān)知識(shí)點(diǎn)，可以關(guān)注億速云網(wǎng)站！小編會(huì)繼續(xù)為大家?guī)砀玫奈恼拢?/p>