移动端交互

  • 文档创建者:doreen0813
  • 编辑次数:8次
  • 最近更新:Wendy123456 于 2019-12-19
  • 1. 模板滚动

    模板在组件很多的时候,通过上下左右滑动进行查看。

    上下滑动效果如下图所示:

    1575425881320495.gif

    2. 按钮刷新

    用户可点击「刷新按钮」对模板进行刷新,如下图所示:

    1576746652610378.jpg

    注:有关刷新按钮的设置及说明请参考 移动平台 中的 7.2 章节。

    3. 手势缩放

    表格中,支持双指缩放,如下图所示:

    1575426458381487.png

    4. 左侧右滑动退出

    移动端增加手势退出,手指贴着左侧边,向右滑动的话做退出操作。  

    注:现左右滑动不支持翻页操作。  

    目前支持左滑退出的地方有:仪表板界面、二级目录界面、一级目录界面、设置界面。

    1575426586351310.gif

    5. 横竖屏切换

    移动端支持组件切换为横屏显示,方便在组件数据较多时横向查看,如下图:

    1575426993385627.gif

    6. 组件放大

    移动端支持组件放大查看,按钮悬浮在组件右上角,如下图所示:

    1575427080297292.png

    动态效果如下图所示:

    1575426869522623.gif

    放大状态下不支持横竖屏切换,横竖屏切换时,关闭放大状态,再进行横竖屏切换。

    8. 翻页

    移动端的表格支持翻页,仪表板中仅有一个表格时,可直接翻页,如下图所示:

    1575427284140789.png

    当存在多个组件时,表格在放大状态下才支持翻页。如下图所示:

    1575427556184465.png

    9. 图表数据点提示

    当打开坐标轴类型图标,如折线图、柱形图等图表时,手指按住在图表中拖动,可以实时查看对应的数据点提示,动态效果如下图所示:

    1575623650936199.gif

    10. 跳转/联动/钻取

    9.1 图表数据点有提示 (组件有多个跳转/联动/钻取选项时)

    1)当点击具有跳转/联动/钻取功能的字段时,会弹出该字段即有功能选择,选择进行相应功能选项即可。如下图所示:

    1575427755413234.png

    2)钻取动态效果图如下图所示:

    1575427906747842.gif


    3)跳转动态效果图如下所示:

    1575428043491504.gif

    4)联动动态效果图如下所示:

    1575428169742544.gif

    9.2 图表数据点无提示 (组件仅有单个跳转/单个联动/单个钻取选项时)

    注:2019 年 7 月 16 以后的 FBI 中,用户在设置单个联动、跳转、钻取选项时,无需提示框即可直接实现联动、跳转、钻取。

    9.2.1 钻取

    1. 前提条件:

      1)用户在 pc 端创建组件时,需在图形属性>提示下设置内容格式为空。如下图所示:

      1575361714459796.png

      2)组件需只有单个钻取选项且单个钻取目录,若有多个钻取选项,或者多个钻取目录,则依旧会出现提示框。

      注:若一个组件同时存在跳转、联动、钻取任意两个或三个,则同样会出现提示框。

    2. 效果展示。如下图所示:

      1575430477129597.gif

    9.2.2 跳转

    1. 前提条件:

      1)用户在 pc 端创建组件时,需在图形属性>提示下设置内容格式为空。如下图所示:

      1575361714459796.png

      2)仪表板中需只有单个跳转选项,若有多个跳转选项,则会出现如下图所示的提示框:

      1575364384446297.png

    2. 效果展示,如下图所示:

      1575363736679730.gif

      注:若一个组件同时存在跳转、联动、钻取任意两个或三个,则同样会出现提示框。

    9.2.3 联动

    1. 前提条件:

      1)用户在 pc 端创建组件时,需在图形属性>提示下设置内容格式为空。如下图所示:

      1575361714459796.png

      2)仪表板中需只有单个联动选项,若有多个联动选项,则会出现如下图所示的提示框:

      1575363844595373.png

    2. 效果展示,如下图所示:

      1575363864179679.gif

      注:若一个组件同时存在跳转、联动、钻取任意两个或三个,则同样会出现提示框。

    11. 地图钻取

    下钻时,点击后弹出数据点提示,点击钻取的层级后实现钻取 ,如下图所示,点击需要下钻的城市,选择钻取,点击钻取到城市,即下钻到新疆维吾尔自治区。

    1575428273232806.gif

    钻取到下一层地图后,点击上一层目录,即可实现上钻。如下图所示,在下钻后的地图中,点击左上角的全部,即上钻回全国数据。

    1575428474525704.gif



    附件列表


    主题:
    • 有帮助
    • 没帮助
    • 只是浏览