1. 報表滾動
普通報表不設置模板自适應,表格過寬或過高時,用戶可通過上下左右滑動進行查看。如下圖所示:
2. 按鈕刷新
3. 手勢縮放
1)普通報表和決策報表中,支持雙指和雙擊縮放,如下圖所示:
2)允許雙擊/雙指縮放的邏輯如下表所示:
注1:決策報表使用「自适應布局」時,雙指縮放沒有效果。
注2:決策報表使用「絕對布局」時,雙指縮放僅對報表塊有效,圖表交互使用自帶的交互按鈕。
JAR 包版本 | App版本 | 設置 | 何時允許縮放 | |
---|---|---|---|---|
2019-12-05 前 | 10.4.46 版本前 | 無設置按鈕 | 默認可雙擊/雙指縮放 | |
2019-12-05 前 | 10.4.46 版本後 | |||
2019-12-05 後 | 10.4.46 版本前 | 有設置按鈕,不生效 | ||
2019-12-05 後 | 10.4.46 版本後 | 有設置按鈕,生效 | 選中「允許雙擊/雙指縮放」按鈕 | 默認可雙擊/雙指縮放 |
不選中「允許雙擊/雙指縮放」按鈕 | 普通報表:
決策報表:
|
4. 左側右滑動退出
移動端增加手勢退出,手指貼着左側邊,向右滑動的話做退出操作。
目前支持左滑退出的地方有:報表界面(不包括參數界面)、決策報表界面、二級目錄界面、設置界面。
注1:左右滑動不支持翻頁操作。
注2:僅 iOS 支持左滑退出功能。
5. 組件激活
6. 橫屏切換
6.1 切換效果
6.1.1 重布局
重布局 下橫屏切換,效果如下圖所示:
重布局下橫屏只顯示單個組件。
重布局橫屏下支持左右切換組件。
6.1.2 保留布局
保留布局 下橫屏切換,效果如下圖所示:
保留布局手機上橫豎屏切換邏輯不變,橫屏後保留布局顯示。
注:10.0 HTML5 端 暫不支持橫屏效果
6.2 橫屏切換邏輯
6.2.1 參數設置
JAR 包在 2019-12-05 之前的設計器,默認允許橫豎屏切換。
JAR 包在 2019-12-05 之後的設計器,可手動設置切換邏輯參數,設置url+參數。
參數邏輯如下表所示:
參數 | App-phone | App-iPad | HTML5 端 |
---|---|---|---|
無參數 App/微信參數:fine_orientation=auto | 首頁豎屏,支持橫豎屏切換 | 支持橫豎屏切換 | 固定豎屏 |
App/微信參數:fine_orientation=landscape | 首頁豎屏,固定橫屏 | 固定橫屏 | 固定橫屏 |
App/微信參數:fine_orientation=portrait | 固定豎屏 | 首頁橫屏,固定豎屏 | 固定豎屏 |
注:HTML5 端僅在釘釘單點中,橫豎屏參數才會生效,其他情況都不會生效。
6.2.2 橫屏返回設置
橫屏返回方式如下:
環境 | 模板 | 返回方式 |
---|---|---|
iOS | 普通模板 | 底部工具欄「返回」按鈕,按鈕不可去除 |
網頁鏈接 | 左側右滑退出 | |
Android | 普通模板 | 底部工具欄「返回」按鈕,按鈕不可去除 |
系統返回鍵 | ||
網頁鏈接 | 系統返回鍵 |
注:App 及 HTML5 移動端展現插件在 10.4.76 及之後的版本,且未設置切換邏輯參數爲「fine_orientation=landscape」的模板,橫屏返回方式如下:
環境 | 返回方式 |
---|---|
iOS | 左側右滑退出 切換至豎屏返回 |
Android | 系統返回鍵 切換至豎屏返回 |
7. 組件放大
組件放大需要設置 全屏按鈕,設置後,移動端查看模板,按鈕懸浮在組件右上角,如下圖所示:
動态效果如下圖所示:
重布局橫屏下不支持放大,重布局豎屏、保留布局橫豎屏都支持放大(不包括 Pad)。
放大狀态下不支持橫豎屏切換,橫豎屏切換時,關閉放大狀态,再進行橫豎屏切換。
8. 翻頁
8.1 普通報表翻頁
手機上 CPT 翻頁,點擊下方的翻頁按鈕,如下圖所示:
動态效果如下圖所示:
8.2 決策報表翻頁
手機決策報表的報表塊只有在 放大狀态 下才支持翻頁(重布局豎屏放大、重布局橫屏——等同於重布局橫屏放大效果、保留布局豎屏放大、保留布局橫屏放大),如下圖所示:
動态效果如下圖所示:
注:Pad 上翻頁交互不變
9. 超鏈效果
只有決策報表 重布局 下,跳轉/聯動/鑽取交互統一。
超級鏈接 | 效果 |
---|---|
圖表超鏈-聯動單元格 | 聯動 |
當前決策報表對象 | 聯動 |
網絡報表 | 跳轉 |
網頁鏈接 | 跳轉 |
動态參數 | 跳轉 |
JavaScript | 其他 |
郵件 | 其他 |
鑽取地圖 | 鑽取 |
9.1 跳轉
9.1.1 單個跳轉鏈接
當僅有單個跳轉鏈接時,點擊具有跳轉功能的字段 / 圖表,直接跳轉到目标網頁或報表,如下圖所示:
9.1.2 多個跳轉鏈接
如果有多個跳轉鏈接時,點擊報表塊的超鏈或圖表塊的系列,彈出提示框,可選擇需要跳轉的鏈接,如下圖所示:
9.2 聯動
決策報表中的圖表塊/報表塊聯動,點擊具有聯動效果的字段/圖表,直接觸發聯動效果。如下圖所示:
9.3 地圖鑽取
鑽取地圖,點擊地圖位置後實現鑽取到下一層地圖,點擊上一層目錄,即可實現上鑽,如下圖所示:
JAR 包版本 | App/HTML5 版本 | 是否開啓數據點提示 | 鑽取效果 |
---|---|---|---|
10.0.9 之前 | - | - | 點擊地圖,直接觸發鑽取效果; 如下圖效果一 |
10.0.9 及之後 | V10.4.90之前 | - | |
V10.4.90 及之後 | 未開啓 | ||
開啓 | 點擊地圖,出現選擇框,用戶可手動選擇是否下鑽; 如下圖效果二 |
1)效果一:直接觸發鑽取
2)效果二:彈出選擇框,手動選擇是否鑽取
9.4 其他
決策報表中的報表塊/圖表塊中存在 JavaScript 或郵件超鏈,點擊對應字段/圖表系列,直接觸發其他效果。如下圖所示:
此處演示的 JavaScript 代碼爲:
FR.Msg.toast("其他測試")
9.5 多個效果
當圖表/報表塊中存在聯動和另外一個效果(單個跳轉,或單個鑽取,或單個其他),直接觸發聯動效果,另一個效果如 9.1~9.4 節所示。
當圖表/報表塊中存在聯動和另外多個效果(多個跳轉、地圖鑽取、多個其他等),直接觸發聯動效果,彈出選擇框,用戶可選擇需要觸發的别的效果。如下圖所示:
10. 決策報表圖表數據點提示
1)報表工程版本在 10.0.9 之前
決策報表中的圖表,開啓圖表提示後,手指「點擊」圖表系列,出現十字線,可查看十字線定位的數據點提示。
數據點提示未消失前,手指按住圖表進行「拖動」,可以實時查看對應的其他數據點的提示。
數據點提示消失後,手指按住圖表進行「拖動」,将無提示點,僅觸發圖表滑動效果。
效果如下圖所示:
2)報表工程版本在 10.0.9 及之後
決策報表中的圖表,開啓圖表提示後,手指「點擊」圖表系列,出現十字線,可查看十字線定位的數據點提示。
數據點提示未消失前,手指按住該提示點十字線中心點半徑 20px 内的圖表,進行「拖動」,可以實時查看對應的其他數據點的提示。
數據點提示未消失前,手指按住該提示點十字線中心點半徑 20px 外的圖表,進行「拖動」,提示點自動消失,觸發圖表滑動效果。
數據點提示消失後,手指按住圖表進行「拖動」,将無提示點,僅觸發圖表滑動效果。
效果如下圖所示: