首頁 > 易卦

自助儀表盤佈局不合理?空白元件來搞定!

作者:由 思邁特Smartbi 發表于 易卦日期:2022-08-24

佈局元件如何使用

哈嘍,最近有小夥伴來向小麥求助,表示在進行

大屏設計

的時候,總覺得自助儀表盤的位置不夠用,一個篩選器就佔了好大一個空位,整體佈局看起來就很狹窄,一點也不美觀大方,總覺得差點意思。今天小麥就跟大家分享一個超級實用的小工具,幫助大家一招解決這個煩惱!

我們要利用的就是

自助儀表盤

中的空白元件。空白元件,顧名思義就是一個佔用位置的元件,透過它我們可以更好地控制其他元件的位置和大小,調整自助儀表盤的整體佈局,使自助儀表盤的佈局更加美觀好看。

話不多說,我們來看案例!

下圖是一個“各區域產品銷售分析”自助儀表盤,圖中“發貨區域”、“發貨省份”、“發貨城市”三個篩選器位於圖形的上方,我們可以透過篩選器篩選檢視不同地方的產品銷售量。未新增空白元件之前,長長的篩選器佔據了圖片的一大部分空白,浪費了很多空間,且長度不一,整張大屏佈局顯得很不合理。

自助儀表盤佈局不合理?空白元件來搞定!

解決辦法很簡單,我們只要在篩選器的右側新增一個空白元件,就能使得篩選器元件不會顯的太過寬泛且長度不一,效果如下圖所示:

自助儀表盤佈局不合理?空白元件來搞定!

下面,小麥來給大家詳細講解一下具體的操作步驟。

首先,我們開啟Smartbi,在自助儀表盤中設計一個“各區域產品銷售分析”自助儀表盤,可以看到“發貨區域”、“發貨省份”、“發貨城市”篩選器置於圖形的上方顯示。

自助儀表盤佈局不合理?空白元件來搞定!

此時,我們覺得這個儀表盤中的篩選器元件顯示太長了,佔據自助儀表盤的空間太多,不夠美觀。我們可以利用空白元件進行下面的佈局美化設定:

從工具欄的更多選單下面,拖拽空白元件到篩選器元件所在的區域右側,效果如下:

自助儀表盤佈局不合理?空白元件來搞定!

選中空白元件,透過其選中狀態下的藍色邊框,按照自己的需要調整它的長度和高度。

自助儀表盤佈局不合理?空白元件來搞定!

調整之後的效果如下:

自助儀表盤佈局不合理?空白元件來搞定!

到這裡我們就輕鬆解決問題啦,對比前後是不是覺得佈局比之前更加合理,整體看起來也更加舒服了,你學會了嗎?快去動手試試吧!

以上是思邁特軟體Smartbi的分享,關注小麥,下一期分享更多關於Smartbi工具的實用小技巧!現個人版還提供全模組長期免費使用,有興趣的小夥伴可登陸官網免費試用~