圖表入門範例

1.1 版本

1.2 預期效果

範例效果如下所示：

• 左上角為所有銷售員的銷量統計表。

• 右上角為每個地區下銷售員的銷量柱形統計圖，使用儲存格元素圖表和儲存格資料源。

• 下方為兩個地區的總銷量餅狀統計圖，使用懸浮元素圖表和資料集資料源。

2.1 資料準備

點選設計器左上角「檔案>建立普通報表」，建立資料庫查詢 ds1，SQL 查詢語句：SELECT * FROM 銷量，取出銷量表中的所有資料。

2.2 選擇主題

點選報表上方的主題名稱，彈出主題選擇介面，選擇「清爽科技」主題。如下圖所示：

注：主題樣式設定請參見文檔 範本主題管理 。

2.3 設計報表

2.3.1 設計表格

1）A1~C1 儲存格寫入表格表頭資訊，選中 A1~C1 儲存格，點選右側屬性面板「儲存格屬性>樣式」，樣式設定預設「跟隨主題」，選中「表頭」樣式。如下圖所示：

2）將資料集中的欄位拖入到對應儲存格中，選中 A2~C2 儲存格，樣式選擇「正文」。如下圖所示：

3）選中 C2 儲存格，右邊屬性面板選擇「儲存格元素>基本」。資料設定選擇「匯總>求和」。

到這裏表格資料部分就製作完成了，儲存報表，點選 分頁預覽 看一下效果：

2.3.2 插入柱形圖

接下來我們製作表格右側部分的柱形圖。

1）合併 D1~H1 儲存格，寫入表頭資訊「柱形統計圖」；合併 D2~H2 儲存格，作為柱形圖插入位置。選中 C1 儲存格，點選報表上方「複製格式」，再點選 D1 儲存格，可快速複製儲存格樣式，D2 儲存格同理。如下圖所示：

2）選中合併後的儲存格 D2，點選「插入圖表」快捷按鈕，插入一個柱形圖。

3）選中柱形圖所在儲存格 D2，右邊屬性面板選擇「儲存格元素>資料」。資料設定如下表：

注：分類名、系列名、值的內容可直接在編輯框中輸入文字，也可點選右側的 F(x) 進入公式定義介面輸入公式。以分類名為例，直接在分類名右側編輯框中輸入「=B2」，與在公式定義介面輸入「B2」是一樣的。

步驟如下圖所示：

4）由於 D1 儲存格已經設定了柱形圖的標題，所以我們將柱形圖本身的標題取消。

選中柱形圖所在儲存格 D2，右邊屬性面板選擇「儲存格元素>樣式>標題」，「標題可見」預設是勾選的狀態，這裏將勾選取消。

5）報表預覽時，考慮到美觀性，本範例將圖表 工具欄 去掉。

選中柱形圖所在儲存格 D2，右邊屬性面板選擇「儲存格元素>特效>互動屬性>工具欄>內容」。將預設勾選的排序、匯出圖片、全螢幕展示取消勾選即可。

6）設定柱形圖跟隨「地區」欄位所在 A2 儲存格擴展，那麼每個地區下只顯示一個柱形圖。

選中柱形圖所在儲存格 D2，右邊屬性面板選擇「儲存格屬性>擴展」。擴展方向選擇「不擴展」，自訂左父格為 A2 儲存格。

7）儲存報表，點選「分頁預覽」看下效果：

2.3.3 插入餅圖

最後我們用懸浮元素圖表來製作餅圖。

1）選擇右側屬性面板 懸浮元素 ，插入一個餅圖，如下圖所示：

2）綁定餅圖資料如下表：

步驟如下圖所示：

3）點選「懸浮元素>樣式」，設定標題為「地區總銷量」，位置選擇「靠左」，字元保持預設「跟隨主題」。如下圖所示：

2.4 效果預覽

2.4.1 PC端

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

2.4.2 行動端

行動端查看報表的方式參見 報表行動端預覽 。

本範例中餅圖使用的懸浮元素，懸浮元素不支援行動端，故不顯示餅圖。效果如下圖所示：

點選下載範本：圖表入門範例.cpt