[通用]行動端多圖表切換

1.1 版本

1.2 應用場景

為了提高空間利用率和報表的美觀度，報表設計時經常用到圖表切換的功能。

1.3 功能介紹

圖表切換屬性支援兩種切換方式：「按鈕」、「輪播」。

注：僅普通報表和決策報表支援， FVS 視覺化看板不支援。FVS 中若想實現多圖表切換，可透過在 FVS-Tab組件 中新增圖表實現。

• 按鈕：支援點選按鈕或滑動圖表進行切換。如下圖所示：

• 輪播：圖表自動切換，可自訂輪播時間間隔。可選擇是否顯示輪播箭頭（切換按鈕），自動輪播時點選切換按鈕仍然有效。如下圖所示：

2.1 操作方法

1）在一個圖表組件的「類型」屬性頁面，點選  ，類似 Tab 塊的效果新增多個其他圖表，點選  ，可開啟圖表切換屬性設定頁面。如下圖所示：

2）圖表切換屬性頁面的切換方式選擇「按鈕」，設定好按鈕的樣式，點選「確定」即可。如下圖所示：

2.2 效果說明

注：CPT 儲存格圖表、FRM 報表塊儲存格圖表設定按鈕切換時，第一個圖表支援切換到最後一個圖表，最後一個圖表也支援切換到第一個圖表；FRM 圖表組件不支援此功能。

2.3 效果預覽

以 FRM 圖表組件重佈局為例，設定按鈕切換，實際不顯示切換按鈕，支援滑動切換。如下圖所示：

3.1 操作方法

1）在一個圖表組件的「類型」屬性頁面，點選  ，類似 Tab 塊的效果新增多個其他圖表，點選   ，可開啟圖表切換屬性設定頁面。如下圖所示：

2）圖表切換屬性頁面的切換方式選擇「輪播」，設定是否顯示輪播箭頭 ( 切換按鈕 ) 和輪播時間間隔，點選「確定」即可。如下圖所示：

3.2 效果說明

注：CPT 儲存格圖表、FRM 報表塊儲存格圖表設定輪播切換時，第一個圖表支援切換到最後一個圖表，最後一個圖表也支援切換到第一個圖表；FRM 圖表組件不支援此功能。

3.3 效果預覽

以 FRM 圖表組件重佈局為例，設定顯示輪播箭頭，實際顯示輪播箭頭，支援按鈕切換，不支援滑動切換。如下圖所示：

點選下載按鈕範本：多圖表按鈕切換.frm

點選下載輪播範本：多圖表輪播切換.frm

按鈕已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多圖表按鈕切換.frm

輪播已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\多圖表輪播切換.frm