让决策更智能
新一代智能数据分析平台

移动端H5

观远产品部发表于:2021年03月19日 11:54:23更新于:2021年03月25日 19:31:51

移动端布局

观远平台支持移动端(H5和移动轻应用)的自由布局。仪表板在移动端(H5和移动轻应用)的展示,可以根据需要,对卡片重新选择和排版,以更好在移动端展示。mobile-layout-2.png

点击单个页面操作栏上“桌面端布局”按钮,选择“移动端布局”,进入移动端排版页面。

切换到移动端布局页面后,

  • 点击“重置布局”按钮,画布上出现默认的移动端布局,即一排一张卡片(点击“重置布局”按钮可随时恢复到此排版)

  • 点击“清空画布”按钮可将移动端布局画布清空,方便自由布局。

  • 点击“设备型号 分辨率”可以按照目前主流设备来设置分辨率。

  • 点击“百分比”可以设置页面大小。restore-layout-1.png

此外,需注意这几个操作:

“从页面移除”/“添加到页面”按钮:在卡片的右上角,有此入口,可以选择在移动端显示或不显示此卡片。

“发布至移动端”开关:当打开此开关后,方可在移动端的目录中看到当前页面。

“复制链接”按钮:可以快速获取当前页面的移动端链接,方便查看排版效果。authorize-page-on-mobile-1.png

灵活使用页面组件,使移动端布局更合理美观。 authorize-page-on-mobile-2.png

eg:筛选器组件

在移动端布局页面,点击“筛选器组件”,可以将多个筛选器组合展示。 调整前:多个筛选器单独排列,挤占空间,且会随着页面滑动滚走,如果要切换选项,需重新回到页面顶部。authorize-page-on-mobile-3.png

调整后:多个筛选器放到筛选器组中,不影响使用的前提下,布局更紧凑,且功能上支持页面滚动时自动保持在顶部,切换选项更加方便。authorize-page-on-mobile-4.png


eg:指标卡组件

指标卡(包括单指标卡和对比指标卡)是目前使用最多的图表类型之一,特别是展示一些关键KPI,简洁明了。 当大量指标卡堆叠到一起时会发现,一排两个有时会因数值太大、文本过长等导致部分信息展示不全,一排一个又浪费空间。 此时可以使用KPI组件帮助排版卡片,使之布局更合理美观。                          authorize-page-on-mobile-5.png

其他重点功能

企业微信端支持扫码输入

当移动端H5页面在企业微信端展示时,支持通过扫码获得条码信息,作为文本筛选器的输入值发起联动。这个功能的设置入口在移动端布局里面,只有文本筛选器比较操作符为“等于”或“不等于”时,才能开启条码输入功能。                                 scan-bar-code-1.png

设置好后企业微信端就能使用扫码功能了。                   scan-bar-code-2.png

    您需要登录后才可以回复