百数可视化报表如何实现移动端布局

介绍如何使用百数低代码平台设计移动端报表,包括控件排序、隐藏与调整大小等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

随着的手机的发展,如今移动端操作已经深入我们的生活、学习、工作当中。利用百数低代码开发平台,做好移动端的管理系统的开发成为各开发者必须关注的功能体系。这里我们仅介绍一下炫酷的移动端可视化报表是如何实现的。
百数低代码开发平台的开发工作只能通过PC端完成。所以对于移动端的可视化报表设计,我们也只能在PC端设计好,移动端才能使用。
当想,要想拥有漂亮的移动化报表。前提还是得先设置好PC端报表,之后再单独对移动端报表进行布局,才能得出移动端的报表。如何得到PC端的报表,这里我们就不一一讲解了。开发者自己可以前往百数帮助文档查看。

在移动布局中,可以自定义各个控件在移动端的展示位置、是否展示。用户可以根据需要,在此处优化报表移动端的排版。
移动布局只影响报表在移动端的展示,不影响报表在PC端的展示。

百数报表移动布局操作方式:
步骤:PC端进入报表面板-【移动布局】-【开启】
在这里插入图片描述

注意 - 移动布局未开启时,移动端的布局样式按照默认样式及顺序排列,此时控件的顺序和PC端报表顺序一致;移动布局开启后,移动端的布局样式和各个控件的排序按照移动布局中的设置展示。

  • 移动布局页,开启后的报表展示风格和报表样式一致。

控件排序
在**百数**的移动布局中,鼠标左键点击控件不松并拖动控件,将控件放在指定区域,即可实现控件排序,排序完成后保存,在移动端访问报表时,控件的展示顺序和设置排序一致。
PC端操作如下图所示:

在这里插入图片描述

移动端展示效果如下图所示:
在这里插入图片描述

控件隐藏
在移动布局中,点击控件右上角隐藏按钮,控件即从控件列表中消失,并展示在右侧【隐藏的控件】列表下。保存后,移动端访问时,隐藏的控件不展示。
PC端隐藏【未命名地控件】和【地区利润】两张控件,操作如下图所示:。
在这里插入图片描述

隐藏控件后,移动端【未命名地控件】和【地区利润】未展示,展示效果如下图所示:
在这里插入图片描述

如何将隐藏的控件再次展示?
从隐藏的控件列表下,拖动控件到控件列表中,保存。移动端访问时,控件便重新展示了。

PC端操作如下图所示:

在这里插入图片描述

移动端展示效果如下图所示:

在这里插入图片描述

控件拉伸与缩小
在移动布局中,可以实现控件进行拉伸与缩小。将鼠标放置在控件下方边缘线上,拖动边框向上或向下,可实现控件的大小。
除指标(仅含指标不含维度)外,其他控件只能上下拉伸,无法左右拉伸。
指标(仅含指标不含维度),可以上下左右拉伸,这样就可以实现一行放置多个指标控件。
PC端操作如下图所示:
在这里插入图片描述

移动端展示效果如下图所示:
在这里插入图片描述

关闭移动布局
关闭移动布局后,即关闭了在移动布局中的所有设置,移动端访问时,报表按照默认布局展示。
如果需要再次调整移动端布局,则需要再次开启移动布局并再次设计,保存后才能生效。
在这里插入图片描述

移动布局提醒
开启移动布局后,当报表面板中新增报表或删除报表后,移动布局右上角会出现红点提示。
当进入移动布局页面后,红点消失
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值