1. 概述
1.1 版本
FineBI 版本 | 功能變動 |
---|---|
6.0.7 | - |
6.0.13 | 儀表板自適應懸浮球效果優化 |
6.0.16 | 新增參數限制儀表板預覽縮放下限和上限,詳情見第 5 節 |
1.2 應用場景
使用者在製作好儀表板給其他人查看的時候,經常遇到由於不同螢幕解析度、長寬比、大小螢幕切換、瀏覽器縮放等問題導致儀表板漸變或者顯示不全等問題。
例如:
正文組件在不同解析度電腦中的顯示會有比較大的差異
表格換行後仍然不能顯示所有內容等
此時可以透過「自適應」設定調整儀表板顯示狀態。
1.3 功能簡介
製作好儀表板後,可以在儀表板編輯介面設定「自適應」的效果。如下圖所示:
功能 | 說明 |
---|---|
編輯時的基準尺寸 |
|
預覽時的適應規則 |
|
預覽時的適應規則選項會跟隨編輯時的基準尺寸的設定項變化詳情。如下表所示:
編輯時基準尺寸 | 預覽時的適應規則 | 邏輯說明 | 推薦使用場景 |
---|---|---|---|
自動(預設) | ▎佈局及內容縮放(預設) ▎佈局縮放 | 1)編輯和預覽時,儀表板內容永遠會雙向自動撐滿瀏覽器視窗 2)預覽時的縮放比例也是根據查看者瀏覽器視窗尺寸和最近一次編輯儀表板的瀏覽器視窗尺寸來計算的 | 基礎分析場景——側重於查看資料特徵,快速分析 製作一個儀表板多人編輯或查看時,不會強調像素級別的視覺效果差異,儀表板內部不出現截斷,內部元素整體顯示效果和諧即可 |
固定大小 | ▎原始尺寸(預設) ▎寬度適應:保證左右不留白或者出捲軸 ▎高度適應:保證上下不留白或者出捲軸 ▎螢幕適應:編輯儀表板時的一屏內容預覽時也能夠一屏顯示 | 1)編輯儀表板時會給訂一個固定的儀表板尺寸,使用者可調,不同人編輯該儀表板基準尺寸不會發生變化 2)預覽時會保證儀表板的長寬比不變,根據不同的預覽自適應方式顯示 | 進行向上匯報或製作固定儀表板的場景,甚至部分公司對該類場景很重視且有一定的UI規範 此類可能為了滿足視覺效果疊加了許多懸浮組件,編輯者製作看板後,由於對視覺細節要求較高,多人查看或編輯時希望儀表板內部元素相對位置和尺寸都保持不變,表格以及圖表內顯示的資料條數和製作時也要保持一致,以達到編輯時的最佳視覺效果 |
1.4 注意事項
IE11瀏覽器不支援該功能。
預設情況下,編輯時基準尺寸為自動,預覽時規則為佈局及內容縮放
預覽時適應規則的設定,只有預覽儀表板才能看到效果。
編輯時基準尺寸 | 預覽時的適應規則 | 注意事項 |
---|---|---|
自動(預設) | ▎佈局及內容縮放(預設) ▎佈局縮放 | 1)懸浮組件:在自動模式下無法解決懸浮組件疊加在組件上的相對位置問題 2)表格留白:由於會鋪滿預覽時的螢幕,所以不同預覽視窗,組件的長寬比例可能會和編輯時不一致,所以可能會表格留白 3)顯示捲軸:為保證基礎分析場景文字顯示效果,縮放最小和最大比例有限制。若縮放比例太大表格和過濾組件可能還是會出現捲軸 |
固定大小 | ▎原始尺寸(預設) ▎寬度適應:保證左右不留白或者出捲軸 ▎高度適應:保證上下不留白或者出捲軸 ▎螢幕適應:編輯儀表板時的一屏內容預覽時也能夠一屏顯示 | 頁面留白:保證了長寬比,不同預覽視窗頁面可能會留白(留白效果會和儀表板風格保持一致) |
2. 自動
預設情況下,編輯時的基準尺寸為「自動」,預覽時的適應規則為「佈局及內容縮放」。
若修改為「佈局縮放」,如下圖所示:
「佈局縮放」效果如下圖所示:
若設定「佈局及內容縮放」後。如下圖所示:
「佈局及內容縮放」:編輯時基準尺寸螢幕中的內容橫向和縱向都會撐滿螢幕,模版中的內容元素基於當前預覽時的螢幕尺寸和基準尺寸計算出比例,進行縮放顯示。
3. 固定大小
編輯設定儀表板的預設自適應效果為「固定大小」,選擇一個適合自己電腦解析度的尺寸(支撐自訂)。預設預覽時的適應規則為「原始尺寸」。如下圖所示:
進入預覽介面查看效果。如下圖所示:
4. 自適應懸浮球
當使用者需要使用其他儀表板內容時,會使用Web組件插入公共連結。
BI6.0.13版本及之後當滑鼠懸浮到對應的Web組件上,會顯示儀表板的自適應懸浮球,點選調整自適應效果,如下圖所示:
未將滑鼠懸浮至組件時,不顯示自適應懸浮球。
5. 限制儀表板預覽縮放範圍
FineBI支援透過 fine_conf_entity視覺化配置 插件修改BI儀表板預覽縮放的上下限。
參數名 | 參數描述 | 參數值 |
---|---|---|
SystemOptimizationConfig.scaleLowerLimit | BI儀表板預覽縮放下限 | 參數值需為非負雙精度浮點型 預設值為0.7 |
SystemOptimizationConfig.scaleUpperLimit | BI儀表板預覽縮放上限 | 參數值需為非負雙精度浮點型 預設值為1.5 |