# 在長條圖中視覺化與參考點的差異

在此範例中，您將建立水平堆疊長條圖，以呈現客戶滿意度調查的結果。目標是將資料視覺化為與固定參考點 0 的正向或負向差異。

顯示調查結果的已完成長條圖

顯示調查結果的已完成長條圖

顯示調查結果的已完成長條圖 ![顯示依國家/地區區分的滿意度分數調查結果的已完成長條圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_example-bar-chart-survey-results.png)

## 您將會做什麼

在此範例中，您將會使用問卷調查資料在長條圖中，依客戶排名整體滿意度。資料顯示每位客戶對組織產品與服務的滿意度等級。資料依問卷調查批次整理，並概述每位客戶的代表中，有多少百分比屬於依問卷調查分組的每個預先定義滿意度等級：

* 總是

* 大多數時間

* 有時

* 很少

* 永遠不要

* 未知

在資料中，固定參考點 0 是最中立的滿意度分數。與此參考點的正負差異分別表示較高和較低的客戶滿意度。

## 準備

建立新的應用程式並將 [範例載入指令碼](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Bar-Chart/bar-chart-example3.htm#ExampleData) 貼到 資料載入編輯器 中的新區段。然後，載入資料。

載入資料後，切換至工作表檢視。

### 範例載入指令碼

[](https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Bar-Chart/bar-chart-example3.htm)

#### 範例資料

```
[Customer Satisfaction]:
CrossTable (Satisfaction_Level,Satisfaction_Value,2) 
LOAD RowNo() as Batch_ID, * INLINE [
Customer,Always,Most of the time,Sometimes,Rarely,Never,Unknown
B,6.7,28.7,36.6,19.2,4.2,4.5
L,20.8,60.5,14.4,2.2,2.0,0
I,10.1,36.8,30.3,15.3,5.3,2.2
J,30.5,43.6,18.8,5.4,1.6,0.0
N,17.4,53.1,22.3,5.0,1.7,0.6
D,16.1,34.3,37.2,9.0,1.9,1.5
K,9.7,46.4,31.0,11.1,1.6,0.2
F,3.8,26.2,38.6,21.2,7.5,2.7
G,7.8,38.1,34.6,11.1,2.0,6.4
A,15.4,61.1,17.0,5.5,1.0,0.0
M,11.1,47.3,32.2,6.7,2.2,0.5
C,13.9,51.4,24.1,6.9,2.7,0.8
H,16.4,58.8,18.5,4.7,1.6,0.0
E,10.7,41.2,36.1,9.7,1.8,0.6
B,7.2,27.4,36.2,20.5,4.7,4.1
L,14.1,66.0,15.0,3.6,1.2,0
I,9.8,36.3,31.0,16.1,4.8,2.0
J,26.5,42.4,22.3,6.7,2.1,0.0
N,14.1,51.6,24.9,6.1,2.5,0.8
D,16.6,31.2,37.4,10.9,2.4,1.5
K,8.0,45.4,33.2,11.4,1.9,0.1
F,4.3,26.9,39.0,21.2,6.5,2.2
G,8.3,36.9,33.5,14.1,2.1,5.0
A,13.5,61.9,17.7,6.1,0.9,0.0
M,9.2,50.2,31.1,7.4,1.6,0.5
C,11.6,52.3,24.4,7.8,2.4,1.6
H,12.9,62.5,18.8,4.9,0.9,0.0
E,11.5,40.0,34.4,11.0,2.5,0.6
];

[Satisfaction Levels]:
load * inline [
Satisfaction_Level,Satisfaction_Score,Satisfaction_Order,Satisfaction_Sign
Always,5,3,1
Most of the time,4,2,1
Sometimes,3,1,-1
Rarely,2,1,-1
Never,1,2,-1
Unknown,0,3,-1
];
```

## 第 1 部分：建立主維度

在建立長條圖之前，請新增主維度以設定圖表中所需的特定色彩。顏色可以從紅色到綠色，隨著客戶滿意度分數的增加而變化。

請執行下列動作：

1. 在資產面板中，按一下 the 主項目 icon 。

2. 按一下 the 維度 icon 旁邊的 以新增主維度。

3. 在左側面板中選取 Satisfaction\_Level。

4. 在 名稱 下，輸入 Satisfaction Level。

5. 按一下建立。

6. 在 維度 清單中選取主維度，然後按一下 the 繼續 icon。按一下。

7. 在對話方塊中，切換至值顏色索引標籤。

8. 在欄位值清單中，為每個對應值指派下列十六進位代碼：

   * Always：276e27
   * Most of the time：46c646
   * Never：f93f17
   * Rarely：f8981d
   * Sometimes：ffcf02
   * Unknown：b0afae

## 第 2 部分：設定圖表資料

請執行下列動作：

1. 將條形圖拖曳至工作表。

2. 新增 Customer 作為第一個維度。

3. 將 Satisfaction Level 主維度新增為第二個維度。

4. 新增下列量值：

   ```
   avg(Satisfaction_Value)*Satisfaction_Sign/100
   ```

5. 對於您剛新增的量值，請輸入 Score 作為 Label。

## 第 3 部分：設定排序

排序圖中的資料，以反映調查結果與滿意度等級意義之間的平衡。此外，使用 Satisfaction\_Order 欄位 (其以數字順序呈現每個滿意度等級)，來排序維度值的堆疊方式。

請執行下列動作：

1. 在屬性面板中，展開排序。

2. 展開 Customer。

3. 將 排序 設定為 自訂，並勾選 依運算式排序 核取方塊。

4. 使用下列 運算式：

   ```
   avg(Satisfaction_Value*Satisfaction_Score)
   ```

5. 將排序變更為 遞減。

6. 清除 依數字排序 和 依字母順序排序 核取方塊。

7. 展開 Satisfaction Level。

8. 將 排序 設定為 自訂，並勾選 依運算式排序 核取方塊。

9. 使用下列 運算式：

   ```
   sum(Satisfaction_Order)
   ```

10. 清除 依數字排序 和 依字母順序排序 核取方塊。

11. 展開 Score。

12. 將排序設為自訂。

13. 清除依數字排序和依字母順序排序核取方塊。

## 第 4 部分：設定呈現方式

既然資料和排序已定義，請調整圖的呈現方式。

請執行下列動作：

1. 在屬性面板中，展開外觀 > 一般。

2. 新增標題：客戶滿意度。

3. 展開外觀 > 呈現。

4. 將呈現方式從分組切換為堆疊。

5. 將方向從垂直切換為水平。

6. 開啟數值標籤。

7. 開啟區段標籤。

8. 開啟總計標籤。

9. 按一下the 樣式 icon 。

10. 在一般下，將標題字型大小設為 22px。

11. 在圖表下，設定下列屬性：

    * 針對軸標題，將字型大小設為 18px。

    * 針對軸標籤，將字型大小設定為 18px。

    * 針對值標籤，將字型大小設定為 16px。

    * 針對圖例標題，將字型大小設定為 18px。

    * 針對圖例標籤，將字型大小設定為 16px。

12. 展開外觀 > 色彩和圖例。

13. 將色彩設定為自訂。

14. 在下拉式選單中，選取 依維度 並確保已選取 Satisfaction Level 維度。

## 結果

完成的長條圖應如下所示。

完成的長條圖顯示調查結果

完成的長條圖顯示調查結果

完成的長條圖顯示調查結果 ![完成的長條圖顯示依國家/地區劃分的幸福分數調查結果](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_example-bar-chart-survey-results.png)