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