Dashboard Layout
Introduction
To lay out a dashboard, you can present charts and data in a concise and organized manner, thus highlighting key points.
Dashboard Layout | Demonstration |
Well organized dashboard | |
Disorganized dashboard |
Layout on PC
Batch Layout
Press COMMAND or CTRL, and select charts/components in batches to batch adjust their width and height.
Single Layout
Select a chart/component, and click to adjust its height and width.
Moving Chart/Component
Select a chart/component and drag it to desired position.
Layout on Mobile
Adjusting the Order
Adjust the order of components by selecting and dragging them directly.
Adjusting the Size
Click the right or bottom edge of a chart/component to adjust its width and height on mobile.
Hiding Chart/Component
Hide a chart/component that needs to be displayed only on PC instead of mobile.
If you need to recover the hidden chart/component, drag it to the layout page directly.
Description of Chart Size
The height and width limit for charts/components is as follows:
Type | Chart/Component | Height | Width |
Stats | Indicator | 6~60 grids | 1/10~Full |
Pivot Table | 6~60 grids | 1/6~Full | |
Column Chart | |||
Bar Chart | |||
Line Chart | |||
Area Chart | |||
Combo Chart | |||
Scatter Chart | |||
Bubble Chart | |||
Pie Chart | |||
Radar Chart | |||
Funnel Chart | |||
Detail Table | Detail Table | 6~60 grids | 1/6~Full |
Spreadsheet | Spreadsheet | 30~60 grids | 1/2~Full |
Calendar | Calendar | 20~60 grids | 1/4~Full |
Gantt | Gantt | 30~60 grids | 1/2~Full |
Records List | Records List | 10~60 grids | 1/6~Full |
Image | Image | 2~60 grids | 1/30~Full |
Text | Text | 3~60 grids | 1/15~Full |
Current Time | Current Time | 4~60 grids | 1/10~Full |
Shortcut | Shortcut | 6~60 grids | 1/10~Full |
Embed Page | Embed Page | 10~150 grids | 1/6~Full |
Container | Container | 6~150 grids | 1/6~Full |
Filter | Filter | 4~60 grids | 1/10~Full |
Quick Filter | Quick Filter | 4~60 grids | 1/10~Full |
Filter Button | Filter Button | 2~60 grids | 1/15~Full |