資料視覺化大屏自適應，滿足不同解析度需求

今天來講講 資料大屏自適應如何實現。

我們知道，根據不同的業務場景，做一個好的大屏需要考慮大屏佈局、圖表展現、互動動效、操作是否簡單、是否能自適應等等因素。其中大屏是否能自適應也是一個比較重要的因素。

因為大屏不僅需要支援PC、手機、平板、液晶螢幕、拼接大屏等多種終端展示，支援單屏和多屏展現，還需要在不同的裝置上切換。

在不同的解析度下，使用者往往有自適應的煩惱，即大屏頁面需根據不同的解析度進行自適應，達到了可以一頁用多屏的效果。

 

而要實現這種自適應的效果，選擇一個好的BI工具尤為重要。比如Smartbi的自助儀表盤，它支援高寬自適應、寬度自適應和自由佈局三種佈局方式，可以根據需要選擇合適的佈局方式來完成儀表盤或是大屏的製作。

高寬自適應

設定了高寬自適應後，儀表盤會根據需要填充顯示儀表盤的視窗的大小自動調節；此種佈局方式適用於單屏展示的儀表盤，比如CEO看板；

 

寬度自適應

設定了寬度自適應後，儀表盤會自動調整顯示寬度以適應不同裝置的寬度，但高度固定以實現垂直滾動效果；此種佈局方式是流式佈局，一般適用於報告型的儀表盤，汽車銷售分析報告；

 

自由佈局

大屏視覺化編輯使用的是自由佈局，包括設定寬、高以及縮放方式等。自由佈局包括四種縮放方式。

1. 等比縮放寬度鋪滿：寬度鋪滿全屏，高度按比列自動縮放。

2.  等比縮放高度鋪滿：高度鋪滿全屏，寬度按比列自動縮放。

3. 全屏鋪滿：不保持高寬比例，按當前螢幕大小顯示全部內容

4. 不縮放：保持畫布原先的大小。