決策報表組件聯動

1.1 應用場景

在製作決策報表時，常常希望有一些交互效果，例如：

• 點選報表塊儲存格中不同的資料，圖表能根據對應的資料展示圖形。

• 點選一個圖表的分類或系列，另一個圖表或表格能聯動顯示對應分類或系列的資料。

1.2 功能簡介

組件之間的聯動實質上都是利用 超級連結傳參 實現的。

如果是圖表塊，新增的超連結為：「特效>交互屬性>超級連結>當前表單物件」，配置頁面如下圖所示：

注：報表塊儲存格里的超連結名稱跟圖表不一樣，叫做「當前決策報表物件」，但配置頁面是相同的，這點需要注意下。

2.1 準備資料

點選設計器左上角「檔案>建立決策報表」，建立三個資料集，SQL 查詢語句分別為：

ds1：SELECT * FROM 銷量

ds2：SELECT * FROM 銷量 WHERE 地區='${area}'

ds3：SELECT * FROM 銷量 WHERE 銷售員='${spe}'

ds2 資料集中定義了參數 area，表示「地區」，設定其預設值為「華東」。如下圖所示： 

ds3 資料集中定義了參數 spe，表示「銷售員」，設定其預設值為「孫林」。如下圖所示： 

2.2 設計報表

首先將決策報表 body 的佈局方式修改為「絕對佈局」，再分別拖入組件，最終決策報表 body 的效果如下圖所示：

2.2.1 設計餅圖

向 body 中拖入一個餅圖，雙擊餅圖，選擇「資料」，綁定資料集 ds1 的資料，分類為「無」，系列為「地區」，值為「銷量>求和」。如下圖所示：

選擇「樣式>標題」，設定餅圖示題為「地區銷量對比」。如下圖所示：

2.2.2 設計表格 A

向 body 中拖入一個報表塊，雙擊報表塊進入編輯介面後，將 ds1 資料集的 地區、銷售員、銷量 欄位拖入 A2~C2 儲存格中，設定 C2 儲存格的資料設定為「匯總>求和」，表格樣式如下圖所示：

2.2.3 設計柱形圖

向 body 中拖入一個柱形圖，雙擊柱形圖，選擇「資料」，綁定資料集 ds2 的資料，分類為「銷售員」，系列名使用「欄位名」選擇「銷量」，匯總方式為「求和」。如下圖所示：

選擇「樣式>標題」，點選 F(x) 進入公式定義介面，輸入柱形圖的標題為 $area+"銷售員銷量分析"  ，則柱形圖的標題也可以根據參數 area 變化。如下圖所示：

2.2.4 設計表格 B

1）向 body 中拖入一個報表塊，雙擊報表塊進入編輯介面後，合併 A1~C1 儲存格，將 ds3 資料集的 銷售員 欄位拖入 A1 儲存格，將 產品、產品類型、銷量 欄位拖入 A2~C2 儲存格，設定 C2 儲存格的資料設定為「匯總>求和」。

2）設定 A2 儲存格的左父格為 A1 儲存格。如下圖所示：

3）設定 A1 儲存格的顯示值為 =$$$+"各產品銷量"，$$$ 表示當前儲存格顯示的值。如下圖所示：

2.2.5 設定組件標題

上述設計的圖表和報表塊均為決策報表的組件，我們給每個組件均設定了標題。選中組件，在「屬性>標題樣式」中設定即可。

以餅圖為例，設定如下圖所示：

2.3 設定聯動

2.3.1 餅圖聯動柱形圖

我們要實現的效果是：點選餅圖的系列即地區，柱形圖就顯示為點選的地區下所有銷售員的銷量。

編輯餅圖，點選右側屬性面板的「特效」，在「交互屬性>超級連結」處新增一個「當前表單物件」，選擇柱形圖物件即 chart1，並新增參數 area，參數值選擇「系列名稱」。即將餅圖的系列名作為 area 參數傳遞給柱形圖。

步驟如下圖所示：

2.3.2 表格A 聯動柱形圖

我們要實現的效果是：點選儲存格中的地區，柱形圖就顯示為點選的地區下所有銷售員的銷量。

選中 A2 儲存格，點選右側屬性面板的「超級連結」，新增一個「當前決策報表物件」（同當前表單物件），選擇柱形圖物件即 chart1，並新增參數 area，參數值為公式 =A2。即將 A2 儲存格的值作為 area 參數傳遞給柱形圖。

步驟如下圖所示：

2.3.3 柱形圖聯動表格B

我們要實現的效果是：點選柱形圖的柱子，表格 B 就根據柱子的分類即銷售員展示對應的各產品銷量。

注：在普通報表中，無法直接在一張範本中實現圖表聯動儲存格或儲存格聯動儲存格，需藉助網頁框元件，詳情可參考文檔 資料鑽取到當前範本 。

編輯柱形圖，點選右側屬性面板的「特效」，在「交互屬性>超級連結」處新增一個「當前表單物件」，選擇表格 B 所在的報表塊即 report1，並新增參數 spe，參數值選擇「分類名」。即將柱形圖的分類名作為 spe 參數傳遞給表格 B。

步驟如下圖所示：

2.4 效果預覽

2.4.1 PC 端

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

2.4.2 行動端

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

點選下載範本：決策報表組件聯動.frm