常用圖表應用

1. 本節展示6種常用圖表的配置方式：餅圖、柱形圖、折線圖、組合圖、條形圖、儀表盤。

1

【範本】>【頁面設定】選擇橫向。

1. 具體可參考A11-08 頁面設定。

2

調整縮放比例，虛線即紙張的邊界。

1

【插入】>【懸浮元素】>【插入圖表】，選擇【餅圖】。

1. 插入圖表可參考A07-02 插入圖表。

2

新建資料集【ds1】。

1. 新建資料庫查詢，拖入表格 銷量。

2. 預覽資料集。產品可作為系列，銷量可作為值。

3. 新建資料集，可參考A03-01 內建資料集。

3

設定資料來源。

1. 點擊【資料】，資料集選擇【ds1】，系列名選擇【產品】，值選擇【銷量】。

2. 預覽，可查看預設樣式的餅圖效果。

4

設定標題。

1. 點擊【樣式】→【標題】。

2. 點擊【F(x)】按鈕，用公式自訂標題為【產品銷量】。

5

調整圖例位置。

1. 點擊【圖例】，選擇圖例位置為圖表上方。

6

設定標籤。

1. 點擊【標籤】，勾選【使用標籤】。

2. 選擇標籤顯示【系列名】和【值】（即產品和銷量）。

3. 顯示位置選擇【餅圖外】。

7

在【伺服器】>【圖表預定義配色】中自訂配色。

1. 設定6個顏色：#7fc8ea，#b5e3e6，#47bace，#00686b，#8f81b4，#625ba1

2. 將配色命名為sample。

3. 具體操作參考 A11-24 圖表預定義配色。

8

設定系列配色和內徑。

1. 點擊【系列】，選擇配色方案為預定義的sample。

2. 設定內徑佔比為60，通過設定內徑佔半徑的百分比為60%，可實現環形圖的效果。

9

設定背景的邊框和顏色。

1. 點擊【背景】，設定線型和顏色。

2. 設定背景填充色為#ebf2f7。

10

設定內容提示框。

1. 點擊【提示】，提示框顯示勾選【系列名】和【值】。

2. 設定提示框的邊框樣式，包括線型、顏色和圓角20。

3. 設定提示框背景色，輸入不透明度40。

4. 提示框的出現位置設定為【隨滑鼠位置調整】。

11

預覽環形圖。

12

設定標籤。

1. 點擊【標籤】，設定顯示系列名和百分比（百分比是將值換算成佔總數的百分比）。

2. 預覽。

13

生成玫瑰圖。

1. 滑鼠右鍵點擊一下，選擇複製環形圖，在原圖表下方貼上。

2. 調整新圖表的位置。

3. 在右側面板可直接切換圖表型別為【玫瑰圖】。

14

點擊預覽，在瀏覽器中查看效果。

1

複製圖表，切換圖表型別為【柱形圖】。

1. 滑鼠右鍵點擊一下，選擇複製環形圖，在原圖表旁貼上。

2. 調整新圖表的位置，刪除下方玫瑰圖。

3. 在右側面板可直接切換圖表型別為【柱形圖】。

2

設定資料來源。

1. 點擊【資料】，將【分類】設為【銷售員】。即X軸上顯示銷售員。

3

取消標題，調整圖例位置。

1. 點擊【樣式】→【標題】，取消勾選標題可見。

2. 點擊【圖例】，設定圖例顯示位置為圖表上方。

4

設定系列樣式。

1. 系列顏色設定為自訂的sample。

2. 漸變風格改為【關閉】，即顏色不漸變。

3. 設定圓角，值為5。

5

編輯坐標軸。

1. 點擊【坐標軸】，選擇X軸。

2. 設定【標籤】→【文字旋轉】-15度。

3. 由於X軸展示【銷售員】，設定旋轉角度可以使銷售員的姓名被完整地顯示。

6

新增警戒線。

1. 點擊【背景】→【繪圖區】。

2. 點擊【+】新增警戒線。

3. 設定警戒線，位置：Y軸，值：500，線型：虛線，顏色：#e5715a。

4. 設定警戒文字，位置：右側，內容：“銷售目標“，大小：11，顏色：#e5715a。

7

預覽帶警戒線的柱形圖。

8

複製柱形圖，切換型別為【百分比堆積柱形圖】。

1. 滑鼠右鍵點擊一下，選擇複製柱形圖，在原圖表下方貼上。

2. 調整新圖表的位置。

3. 在右側面板可直接切換圖表型別為【百分比堆積柱形圖】。

9

設定標籤。

1. 點擊【樣式】→【標籤】，內容顯示選擇百分比，即標籤以百分比的形式顯示值（銷量）。

2. 點擊【格式】，設定為#0%，即僅保留整數部分。

3. 設定【位置】為置中，即在每個柱子的中部顯示。

10

設定系列。

1. 點擊【系列】→【樣式】，選擇【固定柱子寬度】，設定值為35。

11

為X軸標籤設定旋轉角度。

1. 點擊【坐標軸】，選擇X軸。

2. 設定【標籤】→【文字旋轉】-15度。

12

點擊預覽，在瀏覽器中查看效果。

1

新建資料集ds2。

1. 輸入SQL語句：SELECT Time([時間]) AS Hour,A.* FROM flow AS A。

2. 預覽資料集。Hour可作為類別，進水流量和出水流量可作為系列。

3. 新建資料集，可參考A03-01 內建資料集。

2

複製圖表，切換圖表型別為【折線圖】。

1. 滑鼠右鍵點擊一下，選擇複製折線圖，在原圖表旁貼上。

2. 調整新圖表的位置，刪除下方百分比堆積柱形圖。

3. 在右側面板可直接切換圖表型別為【折線圖】。

3

設定資料來源。

1. 點擊【資料】，設定資料集為ds2，分類為Hour。

2. 設定【系列名使用】為【使用欄位名】。

3. 點擊【+】新增兩個欄位，分別選擇【進水流量】和【出水流量】作為欄位名。

4. 系列分別改為【進水流量】和【出水流量】。

4

設定標題和圖例。

1. 點擊【樣式】→【標題】，用公式設定標題為進出水流量。

2. 點擊【圖例】，設定位置為圖表上方。

5

設定系列。

1. 點擊【系列】，選擇線條形態為【曲線】。

2. 標記點類型為圓形，半徑為2.5。

6

設定坐標軸。

1. 點擊【坐標軸】，選擇X軸，調整X軸上標籤的字元大小為8。

2. 設定標籤文字旋轉-90度。

7

點擊預覽，在瀏覽器中查看效果。

1

複製圖表，切換圖表型別為【組合圖】。

1. 滑鼠右鍵點擊一下，選擇複製折線圖，在原圖表旁貼上，調整新圖表的位置。

2. 在右側面板可直接切換圖表型別為【組合圖】。

3. 自訂組合：【折線圖】和【面積圖】。

2

設定資料來源。

1. 點擊【資料】，設定資料集為【ds2】，分類為【Hour】。

2. 選擇【使用欄位名】設定系列。

3. 設定系列：

4. 折線圖：欄位選擇進水流量，系列改為進水流量。

5. 面積圖：欄位選擇出水流量，系列改為出水流量。

3

取消標題，調整圖例位置。

1. 點擊【樣式】→【標題】，取消勾選標題可見。

2. 點擊【標題】，設定顯示位置為圖表上方。

4

新增一個Y軸。

1. 點擊【坐標軸】，點擊【+】按鈕，新增Y軸。

2. 設定軸標籤位置設為【靠右】。

5

設定折線圖的系列。

1. 點擊【系列】，配色方案選擇預定義的sample。

2. 選擇折線圖，線條形態為【垂直線】。

3. 將設定面板下拉，點擊【+】新增【堆積和坐標軸】。

4. 設定【堆積和座標軸1】，顯示設定保持預設，條件設定【系列序號】等於1。

5. 設定條件使折線圖中第1個系列使用第1個Y軸（靠左側的Y軸）。

6

設定面積圖的系列。

1. 點擊【面積】，線條形態同樣設定為【垂直線】。

2. 將設定面板下拉，點選【+】新增【堆積和座標軸】。

3. 設定【堆積和座標軸1】，顯示：【Y軸】選擇【Y軸2】，其他設定保持預設，條件設定【系列序號】等於1。

4. 通過設定條件，使面積圖中第1個系列使用第2個Y軸（靠右側的Y軸）。

7

編輯坐標軸樣式。

1. 點擊【坐標軸】，選擇X軸，設定標籤字元大小為8，旋轉角度為-90。

2. 選擇Y軸，設定標題為進水流量。

3. 選擇Y軸2，設定標題為出水流量。

8

預覽組合圖。

1

複製圖表。切換圖表型別為條形圖。

1. 滑鼠右鍵點擊一下，選擇複製，在原圖表旁貼上，調整新圖表的位置。

2. 在右側面板可直接切換圖表型別為【條形圖】。

2

設定資料來源。

1. 點擊【資料】，選擇資料集為ds1，分類為銷售員，系列名為產品，值為銷量。

3

設定標題和圖例。

1. 點擊【樣式】→【標題】，設定公式標題為銷售員產品銷量。

2. 點擊【圖例】，設定顯示位置為圖表上方。

4

新增標籤。

1. 點擊【標籤】，勾選使用標籤，標籤僅顯示值（即銷量）。

2. 設定標籤顯示位置為外側，即在條帶外部顯示。

5

設定系列。

1. 點擊【系列】，配色方案選擇sample。

2. 邊框線型選擇無，取消條帶的邊框線。

6

預覽條形圖。

1

複製圖表，切換圖表型別為【儀表盤】。

1. 滑鼠右鍵點擊一下，選擇複製，在原圖表旁貼上，調整新圖表的位置。

2. 在右側面板可直接切換圖表型別為【儀表盤】。

2

插入內建資料集。

1. 具體可參考A03-01 內建資料集。

3

設定資料來源。

1. 點擊【資料】，資料集選擇內建資料集。

2. 系列名使用選擇欄位名，點擊【+】按鈕，新增欄位名Sales、系列名Sales和欄位名Profit、系列名Profit。

4

設定標題。

1. 點擊【樣式】→【標題】，用公式設定標題為銷售情況。

5

設定坐標軸。

1. 點擊【坐標軸】，勾選自訂最大值，設定錶盤刻度的最大值為300。

6

新增提示框。

1. 點擊【提示】，勾選使用資料點提示。

2. 顯示值選擇系列名和值。

7

預覽儀表盤。