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

思邁特Smartbi發表於2022-03-08

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


調整之後的效果如下: 


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


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


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




來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69965912/viewspace-2867394/,如需轉載,請註明出處,否則將追究法律責任。

相關文章