圖表自身鑽取並傳回

1.1 預期效果

如 地图钻取，當點選省份時，可以鑽取到該省份下的各城市資料。那麼普通的圖表如何實現這種效果呢？

以柱形圖為例，預期效果如下：

圖表初始化時顯示「地區銷售額」，點選「華東」地區向下鑽取華東所有銷售員的銷售額資料，點選某個銷售員向下鑽取該銷售員的銷售額資料，點選右側超連結傳回上一層級。

1.2 實現思路

在不同的資料集中定義 SQL 參數，圖表綁定資料時使用「儲存格資料」，再使用公式獲取資料集資料。

透過給圖表新增「特效>交互屬性>超級連結」實現根據參數改變圖表獲取的資料，進而實現圖表自身鑽取。

注：本文方法同樣適用於 FVS 視覺化看板、決策報表，詳細設定請下載文末範例自行查看。

2.1 資料準備

建立普通報表，建立三個資料庫查詢，分別如下：

ds1：SELECT 地區,sum(銷量) as 銷售額 FROM 銷量 group by 地區

ds2：SELECT 銷售員,sum(銷量) as 銷售額 FROM 銷量  where  地區 = '${area}' group by 銷售員

ds3：SELECT 產品類型, sum(銷量) as 銷售額 FROM 銷量  where 地區 = '${area}' and 銷售員 = '${spe}' group by 產品類型

ds2 和 ds3 中定義了地區為參數 area ，銷售員為參數 spe ，且預設值均為空。以 ds3 為例，步驟如下圖所示：

2.2 設計圖表自身鑽取

2.2.1 插入圖表

合併一片儲存格區域，插入一個柱形圖。

2.2.2 綁定資料

選中圖表，綁定圖表資料為「儲存格資料」。

• 分類名為公式：if(len($area) = 0, ds1.select(地區), if(len($spe) = 0, ds2.select(銷售員), ds3.select(產品類型)))

• 系列名為正文：銷售額
  

• 系列值為公式：if(len($area) = 0, ds1.select(銷售額), if(len($spe) = 0, ds2.select(銷售額), ds3.select(銷售額)))

分類名和系列值的公式意義為：

當 area 地區為空時，獲取 ds1 資料集中的地區作為分類，銷售額作為系列值；

當 area 不為空，spe 為空時，獲取 ds2 資料集中銷售員作為分類，銷售額作為系列值；

當 area 不為空，spe 也不為空時，獲取 ds3 資料集中的產品類型作為分類，銷售額作為系列值。

如下圖所示：

2.2.3 設定圖表超連結

選中圖表，選擇「儲存格元素>特效>交互屬性>超級連結」，新增一個「圖表超連結-聯動儲存格」。

1）聯動儲存格為 A1，即圖表所在儲存格。

2）新增參數：

如下圖所示：

2.2.4 設標度題

圖表標題使用公式：if(len($area) = 0, "地區銷售額", $area + $spe + "銷售額")。如下圖所示：

公式說明：

當參數 area 為空時，標題為「地區銷售額」；

當圖表下鑽時，圖表標題根據 area 和 spe 參數的值變化，為「對應地區+對應銷售員+銷售額」。

2.2.5 效果預覽

完成以上步驟，就可以實現圖表的自身鑽取了。點選 分頁預覽 效果如下圖所示：

2.3 設計圖表鑽取後傳回

我們希望圖表鑽取後，可以再傳回上一層級。這種情況我們需要藉助動態參數來實現點選儲存格傳回對應層級。

注：使用動態參數，整個範本都會重新整理，使用到該參數的地方均會聯動發生變化。

1）在右側儲存格中，輸入正文「傳回地區層級」。給其新增一個「動態參數」類型的超級連結，連結中新增參數  area ，不給參數指派。

即實現參數 area 為空的場景，圖表則獲取 ds1 資料集中的地區作為分類，銷售額作為系列值。如下圖所示：

2）同理，在另一個儲存格中輸入正文「傳回銷售員層級」。給其新增一個「動態參數」類型的超級連結，連結中新增參數  spe ，不給其指派。

即實現 spe 為空的場景，圖表則獲取 ds2 資料集中銷售員作為分類，銷售額作為系列值。如下圖所示：

2.4 效果預覽

2.4.1 PC 端

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

2.4.2 行動端

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

在 FVS視覺化看板、決策報表中，實現思路與普通報表相同，實現方式則根據不同報表類型，有不同的實現方式。

以下僅作簡單介紹，詳情請下載文末範本查看。

3.1 FVS視覺化看板範例

FVS 視覺化看板中，圖表組件需新增 組件聯動 事件，設定聯動範圍與物件，參數設定與普通報表一致。如下圖所示：

鑽取後傳回可使用 FVS標題組件 同理設定組件聯動事件即可，以「傳回地區層級」為例。如下圖所示：

3.2 決策報表範例

決策報表中，圖表塊新增的超級連結為「當前表單物件」。如下圖所示：

鑽取後傳回，同理對儲存格設定「當前決策報表」超級連結即可。如下圖所示：

點選下載範本：

圖表自身鑽取並傳回.cpt

圖表自身鑽取並傳回.frm

圖表自身鑽取並傳回.fvs