1. 概述
1.1 版本
| 報表服務器版本 | 支持範圍 | App 版本 | 支持功能 |
|---|---|---|---|
| 10.0 | App、H5、Pad | 10.4.61 | 多圖表切換支持自定義是否顯示切換按鈕 |
1.2 應用場景
爲了提高空間利用率和報表的美觀度，報表設計時經常會用到圖表切換的功能。
新版本支持自定義是否顯示圖表切換按鈕，用戶可以通過該按鈕自由切換圖表，滑動切換方式仍然支持，且滑動範圍放大到整個圖表區域。
1.3 功能介紹
圖表切換屬性頁面支持設置兩種切換方式，切換效果分别如下圖所示：
按鈕：用戶需要滑動圖表或者點擊按鈕進行切換。
輪播：圖表自動切換，可以自定義輪播間隔時間。可選擇是否顯示圖表切換按鈕，自動輪播時點擊切換按鈕仍然有效。
2. 按鈕
2.1 操作方法
1）在一個圖表組件的類型屬性頁面，點擊 ，類似 Tab 塊的效果新增多個其他圖表，點擊 ，打開圖表切換屬性設置頁面。
2）圖表切換屬性頁面的切換方式選擇按鈕，設置好按鈕的樣式，點擊确定即可。
2.2 效果說明
| 場景 | 圖表類型 | 效果 |
|---|---|---|
| 手機端 | CPT 單元格圖表 | 顯示左右切換按鈕 |
| FRM 重布局 圖表組件 | 隐藏左右切換按鈕 | |
| FRM 重布局 報表塊圖表 | 顯示左右切換按鈕 | |
| FRM 保留布局 圖表組件/報表塊圖表 | 顯示左右切換按鈕 | |
| Pad 端 | CPT 單元格圖表、FRM 保留布局 圖表組件/報表塊圖表 | 顯示左右切換按鈕 |
注1：場景中的手機端同時包含 App 和 H5 。
注1：此處的切換按鈕跟輪播切換方式的輪播箭頭是同一個按鈕，只是說法不同。
注2：圖表類型爲 FRM 重布局 圖表組件時，切換到最後一個圖表處，不支持從最後一個切換到第一個圖表。其他場景是支持的。
2.3 效果預覽
以 FRM 重布局圖表組件爲例，隐藏切換按鈕的效果如下圖所示：
2.4 模板下載
已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多圖表按鈕切換.frm
點擊下載模板：多圖表按鈕切換.frm
3. 輪播
3.1 操作方法
1）在一個圖表組件的類型屬性頁面，點擊 ，類似 Tab 塊的效果新增多個其他圖表，點擊 ，打開圖表切換屬性設置頁面。
2）圖表切換屬性頁面的切換方式選擇輪播，設置是否顯示輪播箭頭 ( 切換按鈕 ) 和輪播時間間隔，點擊确定即可。
3.2 效果說明
| 輪播箭頭設置 | 場景 | 圖表類型 | 效果 |
|---|---|---|---|
| 顯示 | 手機端 | CPT 單元格圖表 | 顯示左右輪播箭頭 |
| FRM 重布局 圖表組件/報表塊圖表 | 顯示左右輪播箭頭 | ||
| FRM 保留布 局圖表組件/報表塊圖表 | 顯示左右輪播箭頭 | ||
| Pad 端 | 所有圖表 | 顯示左右輪播箭頭 | |
| 隐藏 | 手機端 | CPT 單元格圖表 | 顯示左右輪播箭頭 |
| FRM 重布局 圖表組件 | 隐藏左右輪播箭頭，支持滑動切換，圖表内部滑動不響應 | ||
| FRM 重布局 報表塊圖表 | 顯示左右輪播箭頭 | ||
| FRM 保留布 局圖表組件/報表塊圖表 | 顯示左右輪播箭頭 | ||
| Pad 端 | CPT 單元格圖表、FRM 保留布 局圖表組件/報表塊圖表 | 顯示左右輪播箭頭 |
注：輪播到最後一個圖表處，右箭頭灰化不可點擊，不支持從最後一個切換到第一個圖表。
3.3 效果預覽
以 FRM 重布局圖表組件顯示輪播箭頭爲例，輪播效果如下圖所示：
3.4 模板下載
已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多圖表輪播切換.frm
點擊下載模板：多圖表輪播切換.frm
