你出門會帶什么？對于大多數(shù)人來說，一個手機就夠了。

原先手機只能用來通話、短信，現(xiàn)在隨著移動應用的出現(xiàn)，手機已經(jīng)漸漸能夠取代了一些pc端的功能，成為了企業(yè)管理的利器。

吃早餐時，某零售企業(yè)的CEO老張看著手機里的月報，本月運營情況便一目了然；

候機室里，區(qū)域銷售經(jīng)理小陳的手機收到了銷售異常預警，從而為快速組織應對爭取了時間；

會議間隙，人力資源總監(jiān)小李拿出了手機查看公司人力情況，根據(jù)公司發(fā)展戰(zhàn)略，組織制定人力資源戰(zhàn)略規(guī)劃......

由此可見，辦公移動化已經(jīng)成為了企業(yè)經(jīng)營的一大發(fā)展趨勢，在企業(yè)數(shù)據(jù)管理領域，移動端報表也成為了現(xiàn)代企業(yè)運營管理的迫切需要。

移動端報表應該怎么做？很多報表工程師做pc端的報表模版已經(jīng)很熟練了，但一遇到移動端模版還是很犯難：總覺得手機屏幕太小，想放的數(shù)據(jù)放不下；領導對移動端模版越來越追求美感；模版缺乏交互感，干巴巴的沒人愿意看....

其實移動端的制作并不難，我們通常把移動端報表稱為移動駕駛艙，也就是把企業(yè)經(jīng)營日報、各類數(shù)據(jù)分析報告等數(shù)據(jù)做成可視化放到了移動端設備上，換句話來說就是個迷你版的dashboard ,和pc端的做法其實差不不大，換湯不換藥，下面我就用FineReport的移動端來教一下大家如何制作移動端模版。

關于FineReport，這里就不再介紹了，詳見《從只用Excel做報表，到可視化報表工具真香，他經(jīng)歷了什么》。

一、需求調(diào)研

無論是PC端還是移動端，動手設計報表模版之前，肯定是要有需求調(diào)研這一步的，報表做了是給誰看的，老板想看什么內(nèi)容，有哪些關鍵指標要展示等等，這些問題都是要提前搞清楚的.

二、模版制作

1、數(shù)據(jù)鏈接

數(shù)據(jù)鏈接的部分和pc端完全一樣，點擊服務器——定義數(shù)據(jù)鏈接，鏈接好數(shù)據(jù)源，當然了還是支持30多種數(shù)據(jù)源的。

2、開啟手機模板模式，調(diào)整畫布大小

FineReport的普通報表模式和決策報表模式都可以用來制作移動端模版，兩者的區(qū)別和pc端一樣，普通報表模式適合傳統(tǒng)報表制作，決策報表各組件之間是獨立的，可以自由布局，操作靈活，適合做駕駛艙。給管理層和決策層做的移動端模版大多是用來監(jiān)控數(shù)據(jù)的，一般選用決策報表模式。

普通報表模式

決策報表模式

在PC設計器中設計手機模板，由于屏幕尺寸的較大差異，我們可能會對組件布局、組件大小的設置存在很多的問題，所以在設計手機報表之前時，要將模版設置為手機端模版。

設計器會自動調(diào)整為適配手機屏幕的大小，適應手機尺寸，讓模板內(nèi)容在設計器上的樣式與手機上的最終效果更為接近，減少不必要的調(diào)整。

2、布局設計

在整體布局的設計中，建議采用：先匯總再細分的原則。

先將不同時間粒度下的匯總數(shù)據(jù)優(yōu)先呈現(xiàn)出來，讓管理者一眼就能看到指標當前的進展與狀態(tài)，然后再向下拆解詳細數(shù)據(jù)，數(shù)據(jù)細分過程中需要按照一定的分析邏輯，比如說：整體走勢、趨勢分析——分類占比分析——分類明細數(shù)據(jù)

比方說我們要做一張公司年度利潤表，就要先把簽約總金額額，凈利潤等重要數(shù)據(jù)匯總，然后按照城市維度拆分明細數(shù)據(jù)，這樣老板一眼就能了解到關鍵指標情況，若發(fā)現(xiàn)異常然后再查找明細數(shù)據(jù)發(fā)現(xiàn)問題。

除了自己設計布局之外，也可以參考一些已有的demo模版，在文末給大家準備了體驗地址。

3、選擇報表組件

根據(jù)需要展示的數(shù)據(jù)指標整理數(shù)據(jù)，選擇模板所需要的報表組件，操作和pc端相同

當組件個數(shù)過多時可以采用下面兩種方式：一是根據(jù)組件大小和個數(shù)調(diào)整畫布整體高度，二是利用tab組件，把不同數(shù)據(jù)填至不同的tab頁。

在決策報表模式下，拖拽tab到畫布上，在控件設置選中tabpane>樣式模板>設置移動端tab樣式，tab樣式有上菜單式、下菜單式、滑動式等。

然后再分別將每個tab塊對應的圖標組件內(nèi)容填充

預覽時，點擊不同的tab塊就可以跳轉(zhuǎn)到相應的報表頁面

4、細節(jié)優(yōu)化

4.1組件間隔

移動端的APP為了滿足用戶閱讀的舒適感，會為不同類型的功能區(qū)域之間設置間隔，移動端報表也是一樣，我們需要讓用戶更愿意閱讀模板中的數(shù)據(jù)。

一般情況下，移動報表不會簡單的只有一個表格或者一個圖表，而是包含了很豐富的內(nèi)容，由很多的組件組合而來，這個時候怎樣才能讓我們做出來的報表更加具有條理性呢？關鍵是需要對我們報表里面的內(nèi)容按照類別或者模塊來進行劃分，合理的布局。

點擊控件設置>body>移動端>內(nèi)邊距、組件間隔進行設置

4.2點綴數(shù)據(jù)，突出重點

除了通過獨立的圖表組件將數(shù)據(jù)可視化以外，還可以利用報表塊的強大功能，將數(shù)據(jù)本身與顏色、進度條、增長趨勢組合起來，突出重點數(shù)據(jù)：

5、結(jié)果展示與分享

最后，一張移動端模版就基本做成了，用手機掃描二維碼就可以在移動端預覽，網(wǎng)絡不好的時候可以開啟離線模式，離線查看報表，還可以設置定時消息推送，與微信、釘釘?shù)绕脚_集成，通知老板及時查看。

6、移動端報表的其他應用場景

移動端報表在企業(yè)的應用場景遠不止上面所說的滿足管理層的數(shù)據(jù)查看需求，對業(yè)務層來說，移動端報表也可以為日常的業(yè)務分析和業(yè)務處理提供指南針，比如銷售日報、生產(chǎn)日報等日報推送；移動端掃碼查詢商品信息；移動端外出業(yè)務員形成管理等等。

關注我，并轉(zhuǎn)發(fā)該文章，私信回復“app”，即可獲得移動端報表和demo體驗地址！

總結(jié)

以上是生活随笔為你收集整理的水晶报表设置二维码_随时随地数据分析？老板喜欢的移动端报表，我用这七步做出来了...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。