儀表板自適應

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.scaleLowerLimitBI儀表板預覽縮放下限

參數值需為非負雙精度浮點

預設值為0.7

SystemOptimizationConfig.scaleUpperLimitBI儀表板預覽縮放上限

參數值需為非負雙精度浮點

預設值為1.5

附件列表


主题: 製作儀表板
已经是第一篇
已经是最后一篇
  • 有帮助
  • 没帮助
  • 只是浏览
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙