Successfully!

Error!

Mobile Interaction

  • Last update:  2020-12-14
  • I. Overview

    The report in the data analysis App has mobile-specific interactive effects.

    You will learn
    • Mobile interactive effect

      • Report scrolling

      • Gesture zoom

      • Slide right on the left to exit the interface

      • Horizontal screen switching of dashboard

      • Zoom-in the component

      • Page turning

      • Prompt of data point in dashboard

    II. Mobile interactive effect

    1. Report scrolling

    It can slide up, down, left and right.

     1.gif


    2. Gesture zoom

    Zoom in and out by double-tapping the screen or zooming with two fingers.

     2.gif


    3. Slide right on the left to exit the interface

    At present, those support left-slide exit are: report body of ordinary report (excluding parameter panel), dashboard, secondary directory interface of App, and setting interface of App.

    Note: The left-slide exit function is only supported for IOS.

     3.gif


    4. Horizontal screen switching of dashboard

    1) The body of the dashboard can be set to make re-layout for the mobile terminal

     图片4.png

    2) After re-layout is set, when the mobile phone is displayed horizontally, and a single component is displayed on the screen, the component can be switched from left to right and vice versa.

     4.gif

    3) If the re-layout is not set, the display logic of the dashboard will not change after the mobile phone is displayed horizontally, and the original layout effect will be kept.

     5.gif

    4) Logic of horizontal and vertical screen display

    Different switching logics can be realized by specifying parameters. Parameters and corresponding display logic are shown in the following Table:

    Parameters

    App-phone

    App-iPad

    HTML5 end

    fine_orientation=auto

    Horizontal and vertical screen switching is supported

    Horizontal and vertical screen switching is supported

    Fixed vertical screen

    fine_orientation=landscape

    Home page vertical screen, fixed horizontal screen

    Fixed horizontal screen

    Fixed horizontal screen

    fine_orientation=portrait

    Fixed vertical screen

    Home page horizontal screen, fixed vertical screen

    Fixed vertical screen


    5. Zoom-in the component

    1) When setting the components of the dashboard, you can choose to allow full-screen display on the mobile terminal.

     图片7.png

     

    2) When viewing on the data analysis App, you can zoom in the component to full screen

     6.gif

     

    6. Page turning

    Both the ordinary report and the dashboard are displayed in pages through the page turning button below.

     图片9.png


    7. Prompt of data point in dashboard

    Enable data point prompts for charts in the dashboard. When previewing on the mobile terminal, you can view the corresponding data point prompts in real time when you drag it in the chart with your finger. The effect is as follows:

     7.gif


    Attachment List


    Theme: Fine Mobile
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback