反馈已提交
网络繁忙
Support custom position and height of mobile components
Support for displaying multiple components side by side in one row
Optimize the display effect when the chart data point prompt is long
New additions to mobile layout: page mobile property setting, component mobile property setting function
After saving the mobile layout results, stay on the current page, and manually click to return to the desktop layout
The new layout box form and size are closer to real mobile phones
Support scaling mobile layout page size
Optimize the display effect of hidden components
Supports manual adjustment of table column widths in mobile layouts
Support for component resize position inside Tab component
The chart font on the mobile terminal supports self-adaptation. For details, please refer to Section 3.4 of this article.
Components within a Tab component, support for adjusting component gaps
When working on the go, users often access FineBI dashboards through mobile devices to quickly view project progress in real time.
Designers often share a FineBI dashboard for PC and mobile, and only change the layout style of the dashboard to save design costs and maintenance time.
FineBI supports the viewing of dashboards on mobile phones and Pads of iOS or Android systems, allowing users to easily browse the dashboards in the system with their fingers.
FineBI provides a mobile layout function in the dashboard interface, which is convenient for users to design the components and display order of the mobile dashboard display. On the dashboard editing interface, click More > Mobile Layout to enter the interface.
The "BI Mobile Layout H5" plugin is required. BI comes with this plug-in, and generally does not need to be installed.
APP viewing reference: App access the BI project , download the APP and link to BI, you can view the template in "Catalog > Dashboard".
H5 View Reference: HTML5 Access Dashboard / BI Project
For versions 5.1.19 and later, if you need to update the plugin, you need to uninstall the previously installed plugin and reinstall the "BI Mobile Layout H5" plugin.
After the dashboard is created on the PC side, it is mounted in the directory without adjusting the layout of the mobile side. The default mobile preview effect is shown in the following figure:
Default rules:
1) One component per line by default
2) The order of components is displayed according to the physical location of the PC side, from left to right, from top to bottom
3) The height of the component is adaptively adjusted according to the content
4) The filter component is not displayed inside the dashboard by default, but is displayed in the filter component button below.
In order to make the template more beautiful and reasonable when displayed on the mobile terminal, click the More > Mobile Layoutbutton at the top of the dashboard editing page to enter the mobile terminal layout settings, as shown in the following figure:
Note: The mobile layout button only exists in the dashboard editing interface, and the dashboard preview interface does not have this button.
Enter the mobile layout setting interface, as shown in the following figure:
Click to zoom the mobile terminal effect preview interface;
The default is 100%, you can choose 75%, 100%, 125%, 150%;
Every time you enter the mobile terminal layout, it is 100%, and the zoom does not affect the actual display effect of the mobile terminal.
Preview the display effect on the mobile terminal;
Support direct adjustment of component position and size in the interface (filter component does not support resizing), and adjust table column width
Note: The mobile phone screen height of the mobile preview interface is 670px. When the screen heights of the mobile phone and the preview interface are the same, the number of components displayed on one screen is the same; if the height is greater than 670px, there are more components displayed on one screen; otherwise, there are fewer components displayed on one screen.
The style setting supports "page setting" and "component setting".
Page Setup: Set up the dashboard. You can set the mobile terminal component gap, dashboard background, whether to display all filter components in the parameter panel;
Component Settings: Make settings for individual components. It can be set whether to display the full screen button, the component adaptive display effect
Note 1: After the mobile layout is adjusted, if a new component is added to the dashboard, the new component will automatically be the last one in the mobile layout; the new filter component will appear at the top.
Note 2: If you delete a component on the dashboard, the deleted component will be deleted synchronously in the mobile layout, and the components behind the component will move up.
Some components in the dashboard are used to optimize the effect of charts, which do not need to be displayed on the mobile side. At this point, you can hide these components in the mobile layout.
In the mobile layout interface, click the Hide button in the upper right corner of the component, and the component will be moved to Hidden Components.
Hidden components will not be displayed on mobile. After the component is hidden, the following components move up in sequence. As shown below:
For a hidden component, click the Show button in the upper right corner of the component, the component will be automatically moved to the left mobile layout panel, and the restored component will be automatically displayed in the last position.
Note: The restored filter component is displayed at the top, the filter component in the Tab component is displayed at the top of the tab page, and the filter component display settings refer to section 3.4.3 of the document.
FineBI project supports resizing components, as shown in the following figure:
Note: For mobile versions after 10.4.998, the filter component only supports adjusting the width of the component, but does not support adjusting the height. For how to display filter components directly in the dashboard, see section 3.4.3 of the document.
The mobile layout supports adjusting the position of components, and supports multiple components in one row, as shown in the following figure:
When the table is previewed on the mobile terminal, and the data columns are not fully displayed, you can manually adjust the column width. As shown below:
Note: You can also set the form adaptive effect in "Style Settings > Component Settings". See section 3.5 of this paper.
3.4 Page Setup
Under the "Style Settings" tab, you can style the Dashboard "Page Settings" and "Component Gap".
Click "Style Settings", set the component gap to "10", and you can see the effect on the left. As shown below:
Note: In the mobile version V11.5.64 and later, the components in the Tab component also support adjusting the component gap.
The background can be set in two forms: "color" and "picture". Example Select the background under "Style Settings > Page Settings", click "Color", and set a blue background. Results as shown below:
The default filter component is displayed in the parameter palette, and the effect is shown in Section 2. Turn off "Show all filter components in the parameter panel" to display the filter components in the dashboard. The filter assembly is at the top. As shown below:
Note: The filter components in the Tab component are displayed in the corresponding tab page.
Users sometimes don't want all components to be clickable and displayed in full screen. You can select this component to turn off Show FullScreen Button. Complete the mobile layout and click "Save". As shown below:
See the documentation for details: Fullscreen button settings
For some components, such as text components, KPI indicator card components, and table components, you can adjust the display style of the mobile terminal by setting self-adaptation to ensure the complete display of the content.
1) KPI indicator card adaptive
In the mobile layout, select the component "Style Settings" and select "Adaptive Mode", as shown in the following figure.
There are four adaptation methods: standard adaptation, width adaptation, overall adaptation and height adaptation, and the default is standard adaptation.
Note: The adaptive setting of the text type component of the custom chart is the same as that of the indicator card.
2) Text component adaptation
In the mobile layout, select the component "Style Settings" and select "Adaptive Mode", as shown in the following figure:
Width adaptation of text components: When the text content does not wrap automatically on the mobile end, the font size setting is retained; when the text content wraps automatically on the mobile end (not by manually pressing the Enter key to wrap), the text content adapts to the width on the mobile end.
3) Form adaptation
In the mobile layout, select the component "Style Settings" and select "Adaptive Mode", the default is "Standard Adaptive".
Standard adaptation: The default display rules of the mobile terminal table, the maximum column width is 1/2 of the visible width of the component, and the minimum is 1/6 of the visible width of the component.
Width adaptation: The column width inherits the proportional adaptive effect on the PC side, the width of the table fills the width of the component (the horizontal scroll bar will not appear), and all columns can be displayed on one screen of the mobile terminal.
If the self-adaptation does not meet the requirements, you can directly drag the column width to adjust. For details, see Section 3.3.3 of this article.
BI mobile terminal supports "grid layout" and "adaptive layout". The difference between the two is whether the component can adjust the height adaptively when the content of the component is smaller than the height of the component.
For more information, see: BI Layout Settings
To restore the default mobile layout, click the "Reset" button in the upper right corner to restore the mobile layout. As shown below:
If the component sets the picture background, as shown below:
When the mobile layout is not set, the background image will display normally. If the background is also set in the mobile layout, the dashboard background setting will be disabled.
售前咨询电话
400-811-8890转1
在线技术支持
在线QQ：800049425
热线电话：400-811-8890转2
总裁办24H投诉
热线电话：173-1278-1526
文 档反 馈
鼠标选中内容，快速反馈问题
鼠标选中存在疑惑的内容，即可快速反馈问题，我们将会跟进处理。
不再提示
10s后关闭