圖表輪播切換

爲了實現在同一頁面在線切換展示不同圖表，可以使用輪播功能來切換查看不同的圖表。

2.1 添加圖表

2.1.1 添加簽約指标完成情況組合圖

新建内置數據集，如下圖：

以單元格圖表爲例，合并一片單元格，點擊插入>單元格元素>插入圖表，選擇組合圖，如下圖：

選中圖表，在右側選擇類型，修改類型設置如下圖:

選中圖表，在右側選擇樣式-系列-柱形圖，設置柱形圖樣式，如下圖：

選中圖表，在右側選擇樣式-系列-柱形圖，設置折線圖樣式，如下圖：

2.2.2 添加回款指标完成情況組合圖

在右側選擇類型，點擊新增一個圖表 2 标簽

選中圖表，在右側選擇數據-柱形圖，設置柱形圖如下圖：

選中圖表，在右側選擇數據-折線圖，設置折線圖如下圖：

注：樣式設置如2.1.1類似，可依據自己需求進行設置

2.2.3 添加銷售淨利潤圖折線圖

添加圖表後，選中圖表，在右側選擇類型，修改類型設置如下圖:

選中圖表，在右側選擇數據，設置數據如下圖：

選中圖表，在右側選擇樣式-系列-類型，設置點類型，如下圖：

2.2.4 添加淨資産收益率折線圖

添加圖表後，選中圖表，在右側選擇類型，修改類型設置如下圖:

選中圖表，在右側選擇數據，設置數據如下圖：

選中圖表，在右側選擇樣式-系列-類型，設置點類型，如下圖：

2.2.5 添加新簽約土地面積圖 

添加圖表後，選中圖表，在右側選擇類型，修改類型設置如下圖:

選中圖表，在右側選擇數據，設置數據如下圖：

2.2.6 添加新簽約土地面積圖 

添加圖表後，選中圖表，在右側選擇類型，修改類型設置如下圖:

選中圖表，在右側選擇數據，設置數據如下圖：

2.2.7 圖表切換屬性

在右側選擇類型，點擊設置輪播，選擇切換方式爲輪播，同時設置輪播是否顯示，輪播的時間間隔，以及輪播背景，如下圖所示：

注：圖表切換只針對設置的圖表 index 生效。如只設置了第二個圖表自動刷新，則只有第二個圖表執行刷新操作。

2.2 效果查看

PC 效果圖如下：

注：如果圖表名稱縮略顯示了，則鼠标移動到對應的控件位置時，在控件下方居中顯示圖表名稱的數據點提示。

已完成模板可參考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\GraphSwitching\輪播式圖表切換.cpt

點擊下載模板：輪播式圖表切換.cpt

注：所有添加圖表只對關鍵步驟，進行介紹，普通樣式需要根據自己需求進行設置