1. 概述
1.1 版本
| 設計器版本 | HTML5行動端展現插件版本 | App版本 |
|---|---|---|
| 11.0 | V11.0 | V11.0 |
1.2 應用場景
由於手機螢幕比 PC 端和 Pad 端都小，因此針對以下三種場景的範本製作，手機端需要採用不同的佈局。
下面的報表設計場景中，場景一需要手機重佈局，而場景二、三不需要手機重佈局。
場景一：做好的決策報表含報表塊等組件，在 PC 和 Pad 以及手機上共用，在 PC 和 Pad 端都是寬高自適應螢幕或者寬高等比例尺，但是在手機上沒有太大的佈局要求，只需要在手機上面流式佈局展現，即一列一個組件這種情況。
場景二：在手機上也採用原始佈局，PC 端想要和手機共用一套範本，範本設計的時候建議以行動端效果為先。
場景三：在手機上採用原始佈局，為手機專門製作的範本。
1.3 功能介紹
手機重佈局只能在決策報表的 body 組件的行動端屬性下設定，如下圖所示：
注：重佈局屬性是決策報表的整體屬性，只有當前元件選擇 body 的時候才會有手機重佈局屬性，設定後是對整個決策報表進行生效的，如果決策報表內部有絕對佈局或者 Tab 組件，那麼裏面的元件也是重佈局顯示。
手機重佈局的設定項包括：
注：不勾選手機重佈局時，body 的佈局方式即為“保留佈局”，除了元件順序，是不會出現其他設定項的。
內邊距：行動端展現時報表內容距離邊框上下左右四個方向的距離。
組件間隔：每個組件縱向的間隔距離。
組件凍結：組件凍結後，向上滑動時，該組件固定在頂部不動。
元件順序：行動端展現時，組件從上到下的排列順序，設定時可自由拖曳。
注：2019-12-05及之後版本的 JAR 包才能支援在設計器中設定組件凍結。
當決策報表中多個組件在同一列時，以%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\frm\決策報表入門.frm為例。
如果不勾選手機重佈局，效果如下圖所示：
勾選了手機重佈局後，組件按列顯示，如下圖所示：
注：餅圖在行動端預覽時會自動旋轉，被點選的餅塊將自動旋轉到正上方。
2. 屬性設定
下面將透過舉例，詳細介紹每個屬性設定項的行動端預覽效果。
2.1 內邊距
以%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\frm\決策報表入門.frm為例。
1）設定該報表的上邊距為4時。
行動端預覽效果如下圖所示：
2）設定該報表的上邊距為20時。
行動端預覽效果如下圖所示：
2.2 組件間隔
以%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\frm\決策報表入門.frm為例。
1）設定報表的組件間隔為4時。
行動端預覽效果如下圖所示：
2）設定報表的組件間隔為20時。
行動端預覽效果如下圖所示：
2.3 組件凍結
組件凍結作用範圍如下：
只能選 body 中第一層下的組件（報表塊、圖表塊、文字、絕對畫布塊等），不能設定tab組件。
如果是插件化擴展的非容器組件，也可以選。
組件可以多選。
以騎行記錄-phone.frm為例。
1）只凍結單個組件
點選凍結組件右邊的白色框體部分，勾選展示順序為第二的組件 report0。
行動端預覽報表，向上滑動程式中，當 report0 到達頂端時，會自動凍結，保持不動，如下圖所示：
2）凍結多個連續組件
點選凍結組件右邊的白色框體部分，勾選展示順序分別為第二、第三的組件 report0、report2。
行動端預覽報表，向上滑動程式中，當 report0 到達頂端時，report0 和 report2 會合並一起凍結，保持不動，如下圖所示：
3）凍結多個不連續組件
點選凍結組件右邊的白色框體部分，勾選展示順序分別為第二、第五的組件 report0、chart2。
行動端預覽報表，向上滑動程式中，當 report0 到達頂端時，會自動凍結，保持不動。但是當 chart2 到達頂端時，report0 的凍結效果會失效，內容會被改寫掉，chart2 會自動凍結，保持不動。如下圖所示：
3. 重佈局下圖表
3.1 支援自訂資料點提示
3.1.1 顯示效果
新版本支援重佈局下的圖表可以顯示自訂的資料點提示，具體的版本要求參見「1.1版本說明」。
上面範例的自訂提示實際效果效果如下圖所示：
3.1.2 HTML 解析
不勾選「使用html解析文字內容」只傳回計算資料，樣式不生效（如換列符）。
勾選「使用html解析文字內容」，傳回的是預設通用內容。
3.2 較長資料點提示優化
新版本對較長內容的資料點提示進行了優化，具體的版本要求參見「1.1版本說明」，具體優化如下：
3.2.1 橫向優化
橫向上現在有最小寬度和最大寬度，基本場景分三個，分別如下：
提示內容小於最小寬度，提示框寬度不變。
提示內容介於最小寬度和最大寬度之間，彈窗寬度自適應。
提示內容較長，超過了最大寬度，那麼超出的部分直接省略。
例如用富文字編輯提示內容，如果內容較長，如下圖所示：
行動端預覽時超出固定寬度的部分被省略，效果如下圖所示：
3.2.2 縱向優化
資料點提示最大顯示列數為 6 列（系統或第三方 App 的字體為標準時），超過 6 列的內容需要手動下滑來查看。
例如富文字編輯 8 列的提示內容，如下圖所示：
行動端預覽時只顯示 6 列，效果如下圖所示：
