一、場景規劃

本次示例預設場景為：人資分析駕駛艙；風格為：淺色-簡約清新風；所要展示指標及展示形式如下：

二、複用元件

在完成內容梳理後，如何根據規劃的風格和展示形式，精準有效的挑選元件併合理排布，亟待解決

大招一：精準選擇複用元件

選擇直觀效果有明顯區別的元件，如：蝴蝶圖替代“指標卡+條形圖”，將縱向軸標籤置於中心，體現對稱美感；條形圖以圖片填充替代則效果更豐富美觀。

圖表型別不變，注意細節樣式最佳化。如：漸變堆積柱形圖在普通柱形圖的基礎上做了系列色漸變的最佳化；雙軸面積圖替代折線圖，將兩個系列的面積圖在縱向上做出明顯劃分。

合理替換圖表型別，選擇特殊圖表替代普通圖表。如：以堆積柱形雷達圖替代柱形圖，將橫向展示改為環形展示，避免多列柱形圖造成視覺效果單調；以半玫瑰圖替代餅圖，在保證分析佔比功能同時將重點資料突出顯示。

動靜結合，才是有活力的決策報表。如：用流向地圖替代普通點地圖，加入動態效果，避免使用者對於靜態資料產生視覺疲勞；提示輪播，免去滑鼠移動的動作，自動顯示資料提示。

注意視覺平衡，避免整體過於單調或繁瑣。如：上述圖表的選擇都是在效果上做加法，那麼為保證整體平衡，可以選擇簡約的虛線標題，降低直觀效果的複雜程度。

至此，我們完成了元件的選擇，各位在實際選擇元件的過程中，可以參考上述建議美化自己的決策報表。

大招二：合理規劃元件佈局

決策報表的佈局規劃需要結合兩個角度：資料分析維度和視覺效果維度。

列舉一些常用技巧給各位參考：

（1）資料分析—根據實際業務場景規劃

核心業務指標作為整張決策報表的重心內容，可以放置於中心位置；次要指標以核心指標為中心分佈四周，同時考慮常規分析習慣，根據指標型別、關聯關係及重要程度依次排布。

（2）視覺效果

參考上述內容，我們很容易將選擇的元件進行如下的排布：

最後，把大屏demo都給大家放出來了，回個“模板”就能獲得工具！