圖表跨sheet引用儲存格資料

1.1 預期效果

在建立普通報表的時候，經常會新增多個 sheet 標籤頁，前端展示時可以透過翻頁查看不同的資料。

例如：sheet1 頁簽有一個資料表格，新增 sheet2 頁籤，根據 sheet1 頁籤內表格的計算結果製作一個柱形圖。預期效果如下圖所示：

1.2 實現思路

引用其他 sheet 頁中的資料時，公式採用 'sheet 名稱'!儲存格 的格式。例如：'sheet1'!A1，表示引用 sheet1 標籤頁中 A1 儲存格的資料。

若要引用一片連續的儲存格，公式寫法為 'sheet1'!A1:A3 。

2.1 準備範本

本文範例使用 第一張普通報表 中已經完成的範本作為基礎進行修改。

在設計器中開啟範本：第一張報表.cpt。

初始效果如下圖所示：

2.2 新增 sheet 頁

在報表介面下方，點選  按鈕新增一個 sheet 頁，在 sheet 頁名稱處按滑鼠右鍵，重新命名兩個 sheet 頁分別為「銷售」和「柱形圖」。如下圖所示：

2.3 設計圖表

範本中原本的圖表也是使用的儲存格資料，所以我們直接選中原來的圖表，將其剪下貼上到「柱形圖」sheet 頁中。如下圖所示：

此時我們預覽下報表，可以看到第 2 頁中柱形圖沒有資料。如下圖所示：

接下來我們對柱形圖的資料進行修改。

選中柱形圖，屬性面板點選「儲存格元素>資料」，本例直接在原來引用的儲存格前加上 '銷售'! 即可。資料分別為：

• 分類名：='銷售'!B4，表示引用銷售 sheet 頁的 B4 儲存格。

• 系列名：='銷售'!C3，表示引用銷售 sheet 頁的 C3 儲存格。

• 值：='銷售'!C4，表示引用銷售 sheet 頁的 C4 儲存格。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選「資料分析」預覽，可以在頁面下方看到 sheet 頁名稱。預覽效果如 1.1 節預期效果所示。

2.4.2 行動端

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

點選下載範本：圖表跨sheet引用儲存格資料.cpt