普通報表實現圖表聯動儲存格

1.1 預期效果

在普通報表中，圖表透過設定超連結「圖表超連結-聯動儲存格」可實現 圖表聯動圖表 ，但是該方法是無法實現圖表聯動儲存格資料的。

那麼在普通報表中，該如何實現點選圖表分類或系列，表格資料能隨之聯動變化呢？預期效果如下圖所示：

1.2 實現思路

透過圖表特效中的「動態參數」超級連結實現。因為動態參數可實現範本全局重新整理，那麼範本中使用了該參數的物件均會發生變化，進而產生聯動效果。

注：FVS 視覺化看板實現圖表塊聯動報表塊請詳見  FVS點選聯動組件 ；決策報表實現圖表塊聯動報表塊請參見  決策報表組件聯動 。

2.1 準備資料

1）點選設計器左上角「檔案>建立普通報表」，範本主題選擇「清爽科技」。

2）建立兩個資料集，SQL 查詢語句分別為：

ds1：SELECT * FROM 銷量

ds2：SELECT * FROM 銷量 WHERE 1=1  ${if(len(area) == 0,"","and 地區 = '" + area + "'")} 。表示參數 area 為空時選擇全部資料。

2.2 設計報表

2.2.1 設計圖表

1）合併兩一片儲存格區域，插入一個「餅圖」。如下圖所示：

2）選中餅圖，點選「儲存格元素>資料」。綁定餅圖資料如下圖所示：

2.2.2 設計表格

在圖表下方設計表格，將 ds2 資料集中欄位拖入儲存格。由於 ds2 資料集含有參數，展示時則根據接收到的參數進行展示，初始狀態參數為空時，展示全部資料。

其中 C15 儲存格的資料設定為「匯總>求和」。如下圖所示：

2.2.3 圖表新增超連結

選中圖表，點選「儲存格元素>特效>交互屬性>新增連結」，選擇「動態參數」連結。新增參數 area，參數值選擇「系列名稱」自動填充 =SERIES  ，即將餅圖的系列作為 area 的值。步驟如下圖所示：

2.3 效果預覽

2.3.1 PC 端

儲存報表，點選「分頁預覽」，效果如 1.1 節預期效果所示。

2.3.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

點選下載範本：普通報表實現圖表聯動儲存格.cpt