|以前的报表都白做了！app上做可视化数据分析，这个方法太强了

移动应用时代，办公移动化已经成为了企业经营的一大发展趋势，在企业数据管理领域，移动端报表也成为了现代企业运营管理的迫切需要。
通过移动数据分析，可以帮助管理者实时了解业务状态，及时获取企业营运状况。
随着移动端的发展，这种影响力得以扩大。无论是管理者还是一线业务人员，都可以同移动端报表随时随地地进行沟通和分析，比如FineMobile 。
但是在移动端数据报表开发的过程中，开发者经常会遇到以下几个问题：

在PC上设计手机报表，总觉得差距有点大
如何在有限的屏幕内把数据展现地更有层次？
厌倦了流式布局？想要让数据拥有更多交互？
C端的APP越做越好看，领导的审美需求被无限放大？

为了帮助大家解决移动端报表开发难题，我特地呈上超全的移动端驾驶舱教程。
移动驾驶舱开发流程如下：

本文插图

一、开启手机画布
在PC端设计器中设计移动端模板，由于屏幕尺寸的较大差异，在组件布局、组件大小的设置上可能会存在很多的问题。
利用手机画布的新功能，在设计报表之前时，将画布切换为适应手机尺寸，让模板内容在设计器上的样式与手机上的最终效果更为接近，减少不必要的调整
打开FineReport设计器，在模板里选择移动端属性，设置为手机端模板，设计器会自动将画布调整为适配4.7寸手机屏幕画布的大小（375*560）

本文插图

本文插图

二、整体流式布局
C端主流APP的流布局设计同样适用于B端的数据展现，双指在屏幕上滑动的过程中获取自己想关注的数据内容，在整体布局的设计中，建议采用：先汇总再细分的原则
将不同时间粒度下的汇总数据优先呈现出来，让管理者一眼就能看到指标当前的进展与状态，做到心中有数以后再向下拆解。

本文插图

三、丰富组件
1、多维度展示
由于手机屏幕尺寸有限，如果一张模板只单纯的使用流式布局，想要新增内容就会让模板的高度越来越高，管理者在阅读这样的模板时就需要耗费大量的下滑动作，我们可以针对整个模板或者在某一个组件上增加一下交互动作，让数据更加立体化。
tab组件
将不同维度数据的内容填充至不同的tab页内部，即可在一张模板内部预览不同维度的数据。除默认样式外，移动端还提供4种tab样式供选择：上菜单式、下菜单式、滑动式、联排式
上菜单式：