今天來講講數據大屏自適應如何實現。
我們知道,根據不同的業務場景,做一個好的大屏需要考慮大屏布局、圖表展現、交互動效、操作是否簡單、是否能自適應等等因素。其中大屏是否能自適應也是一個比較重要的因素。
因為大屏不僅需要支持PC、手機、平板、液晶顯示屏、拼接大屏等多種終端展示,支持單屏和多屏展現,還需要在不同的設備上切換。
在不同的分辨率下,用戶往往有自適應的煩惱,即大屏頁面需根據不同的分辨率進行自適應,達到了可以一頁用多屏的效果。
而要實現這種自適應的效果,選擇一個好的BI工具尤為重要。比如Smartbi的自助儀表盤,它支持高寬自適應、寬度自適應和自由布局三種布局方式,可以根據需要選擇合適的布局方式來完成儀表盤或是大屏的制作。
高寬自適應
設置了高寬自適應后,儀表盤會根據需要填充顯示儀表盤的窗口的大小自動調節;此種布局方式適用于單屏展示的儀表盤,比如CEO看板;
寬度自適應
設置了寬度自適應后,儀表盤會自動調整顯示寬度以適應不同設備的寬度,但高度固定以實現垂直滾動效果;此種布局方式是流式布局,一般適用于報告型的儀表盤,汽車銷售分析報告;
自由布局
大屏可視化編輯使用的是自由布局,包括設置寬、高以及縮放方式等。自由布局包括四種縮放方式。
1. 等比縮放寬度鋪滿:寬度鋪滿全屏,高度按比列自動縮放。
2. 等比縮放高度鋪滿:高度鋪滿全屏,寬度按比列自動縮放。
3. 全屏鋪滿:不保持高寬比例,按當前屏幕大小顯示全部內容
4. 不縮放:保持畫布原先的大小。