# 在条形图中可视化与参考点的差异

在此示例中，您将创建一个水平堆叠式条形图，以显示客户满意度调查的结果。目标是将数据可视化为与固定参考点 0 的正向或负向差异。

显示调查结果的已完成条形图

显示调查结果的已完成条形图

显示调查结果的已完成条形图 ![显示按国家/地区划分的幸福感得分调查结果的已完成条形图](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_example-bar-chart-survey-results.png)

## 您将执行的操作

在此示例中，您将使用条形图中的调查数据按客户对总体满意度进行排名。数据显示了每位客户对组织产品和服务的满意度水平。数据按调查批次组织，并概述了每位客户代表中属于按调查分组的每个预定义满意度水平的百分比：

* 始终

* 大多数时候

* 有时

* 很少

* 永远不

* 未知

在数据中，固定参考点 0 是最中立的满意度分数。与此参考点的正负偏差分别表示客户满意度更高和更低。

## 准备工作

创建一个新应用程序，并将[示例加载脚本](https://help.qlik.com/zh-CN/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

## 第二部分：配置图表数据

执行以下操作：

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-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_example-bar-chart-survey-results.png)