自助儀表盤佈局不合理?空白元件來搞定!
哈嘍,最近有小夥伴來向小麥求助,表示在進行 的時候,總覺得自助儀表盤的位置不夠用,一個篩選器就佔了好大一個空位,整體佈局看起來就很狹窄,一點也不美觀大方,總覺得差點意思。今天小麥就跟大家分享一個超級實用的小工具,幫助大家一招解決這個煩惱!
我們要利用的就是 中的空白元件。空白元件,顧名思義就是一個佔用位置的元件,通過它我們可以更好地控制其他元件的位置和大小,調整自助儀表盤的整體佈局,使自助儀表盤的佈局更加美觀好看。
話不多說,我們來看案例!
下圖是一個“各區域產品銷售分析”自助儀表盤,圖中“發貨區域”、“發貨省份”、“發貨城市”三個篩選器位於圖形的上方,我們可以通過篩選器篩選檢視不同地方的產品銷售量。未新增空白元件之前,長長的篩選器佔據了圖片的一大部分空白,浪費了很多空間,且長度不一,整張大屏佈局顯得很不合理。
解決辦法很簡單,我們只要在篩選器的右側新增一個空白元件,就能使得篩選器元件不會顯的太過寬泛且長度不一,效果如下圖所示:
下面,小麥來給大家詳細講解一下具體的操作步驟。
首先,我們開啟Smartbi,在自助儀表盤中設計一個“各區域產品銷售分析”自助儀表盤,可以看到“發貨區域”、“發貨省份”、“發貨城市”篩選器置於圖形的上方顯示。
此時,我們覺得這個儀表盤中的篩選器元件顯示太長了,佔據自助儀表盤的空間太多,不夠美觀。我們可以利用空白元件進行下面的佈局美化設定:
從工具欄的更多選單下面,拖拽空白元件到篩選器元件所在的區域右側,效果如下:
選中空白元件,通過其選中狀態下的藍色邊框,按照自己的需要調整它的長度和高度。
調整之後的效果如下:
到這裡我們就輕鬆解決問題啦,對比前後是不是覺得佈局比之前更加合理,整體看起來也更加舒服了,你學會了嗎?快去動手試試吧!
以上是思邁特軟體Smartbi的分享,關注小麥,下一期分享更多關於Smartbi工具的實用小技巧!現個人版還提供全模組長期免費使用,有興趣的小夥伴可登陸官網免費試用~
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69965912/viewspace-2867394/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 企業資料監測到分析探索,Smartbi自助儀表盤都能幫你搞定!
- 過分簡單,Tabluea儀表板與Smartbi自助儀表盤製作流程分享
- 資料視覺化神器,深入解讀Smartbi自助儀表盤視覺化
- 炫酷元件模板+便捷操作,V10.5版本讓自助儀表盤製作更美更易用!元件
- C#自定義控制元件—儀表盤C#控制元件
- 四步就能輕鬆GET到自助儀表盤製作Smartbi小技巧
- 年底了!Smartbi教你做一個好看又實用的自助儀表盤!
- 自定義儀表盤
- Android-儀表盤控制元件仿芝麻信用Android控制元件
- qt 佈局---表單佈局QT
- 做大屏細節不好調整,這些自助儀表盤製作技巧分享給你!
- 技術賦能|Smartbi V10自助儀表盤助推數字農業發展
- Smartbi V10自助儀表盤,效率與便捷兼備,顏值與實用並舉!
- Flutter | 佈局元件Flutter元件
- ComponentOne.NET儀表板佈局控制元件 — 實現視覺化資料大屏展示控制元件視覺化
- 你也在為年終總結報告頭疼嗎?Smartbi自助儀表盤可以幫到你!
- 【android】繼承FrameLayout佈局後,有空白Android繼承
- 一勞永逸的搞定 flex 佈局Flex
- Python pyecharts繪製儀表盤PythonEcharts
- 裝置儀器儀表盤讀數識別系統
- 開源儀表盤-Dashboard-C#/WFC#
- 儀表盤場景的前端優化前端優化
- 網頁佈局------for表單網頁
- CSS 來佈局圖片CSS
- 也許table佈局專為form表單佈局而生?ORM
- AutoFlowLayout:多功能流式佈局與網格佈局控制元件控制元件
- win10桌面cpu儀表盤怎麼顯示_win10系統cpu儀表盤如何開啟Win10
- 用canvas寫出ui想要的儀表盤CanvasUI
- iOS開發之自定義表情鍵盤(元件封裝與自動佈局)iOS元件封裝
- 上手後才知道,這套儀表盤系統用起來是真的爽!
- 組合控制元件的佈局控制元件
- QT佈局之控制元件空隙QT控制元件
- 動態Vue.js佈局元件Vue.js元件
- tkinter中frame佈局控制元件控制元件
- 使用 CSS columns 佈局來實現自動分組佈局CSS
- Android隨筆——搞定流動佈局(FlexboxLayout)AndroidFlex
- 原生 js 實現瀑布流佈局、React 版本的瀑布流佈局元件JSReact元件
- 未來佈局之星Grid