統一切換輪播圖表API

1.1 問題描述

某些場景下，需要讓一張報表內的多個輪播圖表同時切換。那麼該如何實現呢？效果如下圖所示：

1.2 解決思路

按鈕新增點選事件，透過 JS 腳本呼叫APIchart.unifiedSwitchCarouselChart(direction)統一切換輪播圖表，切換成功後，所有的輪播圖表的計時器計時歸 0。

注1：direction 為可選參數，表示圖表切換的方向，1 表示切換到下一張圖表，-1 表示切換到上一張圖表。

注2：該API不支援擴展圖表。

注3：該API不支援行動端。

注4：獲取圖表物件的方法參見文檔：如何獲取圖表物件

2.1 準備資料

建立決策報表，建立資料集 ds1，SQL 語句為：SELECT * FROM 銷量

2.2 範本佈局

將 1 個按鈕元件和 2 個餅圖拖到決策報表中，如下圖所示：

2.3 設定餅圖

1）這 2 個餅圖都新增一個等弧玫瑰圖，作為圖表2，如下圖所示：

2）所有的預設餅圖和等弧玫瑰圖綁定資料的方法一致，如下圖所示：

2.4 設定切換屬性

圖表切換方式為輪播，顯示輪播箭頭，時間間隔設定為10秒，如下圖所示：

2.5 設定同步切換

選中按鈕元件，新增一個點選事件，如下圖所示：

JavaScript 程式碼如下：

VanCharts.unifiedSwitchCarouselChart(1); //VanCharts 指的是全局图表对象，无需再获取单独图表对象

2.6 效果預覽

儲存範本，點選PC端預覽，效果如1.1問題描述中所示：

注：不支援行動端。

點選下載範本：統一切換圖表輪播接口.frm