All Products
Search
Document Center

Quick BI:Create a Report on a Mobile Terminal

Last Updated:Jan 20, 2025

Remote users can access dashboards on mobile devices through Quick BI's mobile edit mode. This feature allows toggling between PC and mobile report views with a button at the top of the dashboard. Quick BI offers two distinct building modes for mobile reports via the mobile layout lock. This guide will help you select the appropriate mode for various scenarios and set up your mobile report accordingly.

Entry Point

To begin, access the Quick BI console and switch to mobile mode in your desired dashboard within the workspace. Then, activate the mobile layout lock to configure a unique style for the mobile terminal.

  • In the locked state, the mobile layout lock defaults to a locked position after report creation. The mobile report style will mirror the PC settings, limiting certain configuration actions to maintain content and layout consistency across both platforms. This mode is ideal when the mobile report does not require personalized configurations and the component number and order should align with the PC version.

  • In the unlocked state, unlocking the mobile layout lock permits independent configuration of the mobile report layout. All mobile terminal configuration features become available. The mobile and PC reports are constructed separately, and their layouts do not influence each other. This mode is best for scenarios that demand unique mobile report adaptations, enabling more intricate and visually appealing layouts on the mobile terminal.

image

Mobile Report Building Interface

The mobile editing interface allows you to:

Note

Note that some editing operations are restricted when the mobile layout lock is closed. Unlock it to access all editing features.

image

Feature

Description

① Component addition

Add components on the mobile editing page. Supported components include the following:

  • Control

    Query control, storyline, tab, rich text, image, embedded page

  • Indicator

    Indicator card, indicator trend, ticker board, progress bar chart, dashboard, wave chart, indicator decomposition, indicator relationship

  • Table

    Cross table, detail table, trend analysis, heatmap

  • Line/Area chart

    Line chart, area chart, stacked area chart, 100% stacked area chart, combination chart

  • Column/Bar chart

    Column chart, stacked column chart, 100% stacked column chart, ring column chart, ranking chart, bar chart, stacked, percentage, dynamic bar, waterfall chart

  • Pie/Ring

    Pie chart, rose chart, radar chart, treemap chart

  • Bubble/Scatter

    Bubble chart, scatter chart, faceted scatter chart

  • Funnel/Conversion relationship

    Funnel chart, comparison funnel, flow analysis chart, Sankey diagram, arc diagram

  • Geography

    Colored map, bubble map, heat map, building heat map, flight line map, symbol map

  • Others

    Word cloud, timeline

Note

Composite query controls are not supported for addition on the mobile terminal.

② Mobile model preview on PC

Preview the mobile report on various phone models. Supported models include the following:

Once you select a mobile model, you can preview the effect. The supported mobile models currently include the following:

  • iPhone12, iPhone12 Pro

  • iPhone11, iPhoneXR

  • iPhoneX, iPhoneXS, iPhoneX Pro

  • iPhone8, iPhone 7, iPhone 6S, iPhone 6

  • iPhone8 Plus, iPhone 7 Plus, iPhone 6S Plus, iPhone 6 Plus

  • HUAWEI Mate 40

  • HUAWEI Mate 40 Pro

  • HUAWEI P50

  • HUAWEI P50 Pro

  • Xiaomi MIX4

  • Xiaomi 11, Xiaomi 11 Pro

  • VIVO X70, VIVO X70 Pro

  • OPPO Find X3, OPPO Find X3 Pro

  • SAMSUNG Galaxy S8

  • SAMSUNG Galaxy S10 Plus

Note

Should the Mobile Model you require be unavailable, you can scan the QR code with your phone to preview the effect.

③ Mobile QR code

Scan the QR code on the mobile terminal with your phone to preview the effect on your device.

Scan the QR code with your phone to preview the effect on your mobile device. This QR code remains active for 3 minutes; upon expiration, click Regenerate QR Code to create a new one.image.png

④ Reuse components from other dashboards

Within the same workspace, you can repurpose components from other dashboards for use in the current one, thereby saving time and effort.

111

⑤ Format painter

The format painter allows for swift synchronization of an existing chart's style across other charts, streamlining the editing process. For more information, see Format Painter.

111

⑥ Hidden charts

Modify the chart display components for mobile devices. Any chart that is hidden on mobile will appear in the right sidebar on a desktop.

image.png

To restore the hidden chart, click the image.png button.

image.png

Note

Hidden charts will not be visible on the mobile terminal when viewing the report.

⑦ Batch operation

The system allows for batch customization of chart styles within the same dashboard. When selecting multiple charts, it will display common configuration items by default, enabling you to tailor the settings to your requirements.

111

⑧ Layout scaling

Adjust the layout ratio through specific entry points, with options for 25%, 50%, 75%, and 100% scaling. Reduce the ratio to fit more content on the screen and adjust chart positions as needed.image.pngUntitled.gif For detailed instructions, see Operations on the mobile canvas.

⑨ Component settings

Within this area, you can adjust the fields, styles, and advanced configurations for dashboard components. Changes to configuration items in mobile mode will directly influence the report's mobile presentation, eliminating the need to switch to PC mode for style modifications.

  • Field: Once you've added a chart component, you can change the dataset currently in use via the Field selection area. The fields from the chosen dataset appear in the dimension and measure lists, reflecting the dataset's configuration. From these lists, select dimension and measure fields to construct charts that visualize the data elements.

  • Style: After you've created a chart component, you can tailor the chart's title, layout, and legend to meet your display requirements.

  • Advanced: Utilize advanced features to link multiple charts, offering a comprehensive view of data analysis results from various angles.

Note

After transitioning to the mobile edit mode, the component settings may vary based on the mobile device. Please consult the actual interface for reference.

Operations on the Mobile Canvas

Note
  • Adjustments on the mobile canvas affect only the mobile terminal display and not the PC chart display.

  • Ensure the mobile layout lock is unlocked for seamless chart layout adjustments on the mobile terminal.

    • In the unlocked state: Freely adjust the size and position of mobile chart components.

    • In the locked state: Adjust the size and position of components without altering their sequence.

  • When locked, you cannot add, move, copy, paste, embed, or delete blocks on the current canvas. The mobile layout will adhere to the PC configuration.

  • Horizontal component layout adjustment

    Arrange multiple chart components in a single row for flexible layout options on the mobile terminal.Untitled.gif

  • Vertical component layout adjustment

    Fine-tune the size and position of components for versatile operations on the mobile terminal.

    • Select a component and drag its bottom edge to adjust its height.Untitled.gif

    • Select and drag a component to reorder them.Untitled.gif

  • Manage mobile components

    Add query controls to components directly on the canvas.image.png

    Once you've selected the added query control chart, you can add, edit, or query data as needed.

    Once you've selected a chart with query controls, you can add, edit, or query data directly. image.png

For additional chart operations, refer to Dashboard operations.