报表工具怎样适应移动端?

报表在移动端展示会跟 PC 端有所不同,主要是因为终端分辨率的差异。我们在使用报表工具开发报表时如何才能适应移动端展示呢?是否要挑选一个专门适合移动端的报表工具呢?

其实不必,因为当前几乎所有报表工具都天然支持移动端。

为什么这么说呢?稍微解释下就清楚了。

前面我们说过 PC 端和移动端的差异是分辨率不同,但两者要显示的报表其实都一样,本质都是 HTML。那么有没有一种 HTML 技术能够适配多种终端呢?当然有,那就是 HTML5。使用 H5 绘制的报表可以天然运行在不同种类的终端上。而现在绝大多数报表工具都支持 H5,自然也就都能适配移动端了。所以,我们说专门为移动端去选择报表工具是不必要的,所有报表工具都天然支持。

当然,我们也知道,报表的特点是可能比较宽(列多),也可能比较高(行多),或者二者兼有,如果采用等比例缩放的话在不大的移动端屏幕上很可能看不清,至少是不太美观。这时把报表工具生成的适应 PC 浏览器的 HTML 呈现出来,效果并不太好。有必要重新为手机再设计合理的布局,这件事仍然可以用报表工具做出来,只是一个报表常常要做两遍(PC 端和移动端各做一遍),甚至更多遍(移动端的种类比较多,还有横屏竖屏)。

为了避免重复开发,对于报表样式不是非常复杂的情况,很多报表工具都能提供一定的自适应机制。

所谓自适应机制,顾名思义,就是让报表布局可以自动适应屏幕的大小,具体来讲,一般是保持报表的宽或高固定,在另外一个方向进行缩放。这样为 PC 开发的报表布局也可以自适应到手机上,手机本身也能自适应横屏和竖屏,可以有效地减少报表的开发量。

一定要考查报表工具对移动端的支持程度时,这可以算是一个功能点。不过这个功能对于报表工具来讲并不是很难,只要在报表外部增加适应性容器的方法,通过 JS 来进行自动控制就可以。所以很多工具都能支持。

但是,有些布局很复杂的报表(比如内部有多个部件的组合报表),自动的自适应效果不能满足视觉的要求,常常还是要硬做两遍或多遍,这个工作量不可避免。

其它移动端的特殊性,还有触摸、长按、滑动等效果,这些实现起来也并不困难。不过,要完全个性化的移动端界面效果就需要定制开发了,报表工具本身也无法提供个性化能力。

关于移动端的报表,我们的结论是这样:报表工具天然适配移动端,个性化的移动端界面需要定制开发,非报表工具能力范围。

另外,对于移动端报表,报表工具厂商是否有必要提供一个独立的 APP 呢?

意义也不大。

大多数情况下,报表都是要集成到企业已有系统中作为一个模块来使用,移动应用也是这样,报表功能应该是企业 APP 中的一个模块。如果还有个独立存在的报表 APP,会给管理使用都带来麻烦,做不到单点登录,在报表 APP 中还要复制一套用户与权限管理的机制,而这些东西每家企业又各不相同,常常还要做深度定制,也没法拿到现成的报表 APP 就直接用。报表作为一个中间件,作为系统的一部分,提供生成 html 的功能,集成到企业应用(包括移动端)中,才是更方便的应用方式。

对进一步报表和 BI 技术感兴趣的同学还可以搜索“乾学院”,上面有整套的免费“商业智能”技术课程, 或者直接点下面的链接也可以 :

http://www.raqsoft.com.cn/wx/course-Business-Intelligence.html