# 棒グラフで基準点からの変化を視覚化する

この例では、顧客満足度調査の結果を示す、水平方向の積み上げ棒グラフを作成します。目的は、固定された基準点である 0 からの正または負の変化としてデータを視覚化することです。

調査結果を表示する完成形の棒グラフ

調査結果を表示する完成形の棒グラフ

調査結果を表示する完成形の棒グラフ ![国別の満足度スコアの調査結果を示す完成形の棒グラフ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_example-bar-chart-survey-results.png)

## 実行する内容

この例では、アンケートのデータをもとに、棒グラフを使用して顧客ごとの全体満足度をランキング表示します。データには、ある組織の製品やサービスに対する各顧客の満足度が示されています。データはアンケートの実施ごとに整理されており、 各顧客の担当者がそれぞれの定義済み満足度レベル (以下の 6 段階) にどの程度の割合で属するかを示しています。

* Always (常に満足している)

* Most of the time (ほとんどの場合に満足している)

* Sometimes (ときどき満足している)

* Rarely (ほとんど満足していない)

* Never (まったく満足していない)

* Unknown (不明)

データでは、固定の基準点である 0 が最も中立的な満足度スコアとして設定されています。この基準点からの変動がプラスであれば顧客満足度が高く、マイナスであれば顧客満足度が低いことを示します。

## 準備

新しいアプリケーションを作成し、[ロード スクリプトの例](https://help.qlik.com/ja-JP/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. 項目値のリストで、それぞれの値に次の 16 進コードを割り当てます。

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

## パート 2: チャート データを構成する

次の手順を実行します。

1. シートに棒グラフをドラッグします。

2. 最初の軸として Customer を追加します。

3. Satisfaction Level マスター軸を 2 番目の軸として追加します。

4. 次のメジャーを追加します。

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

5. 追加したメジャーの [ラベル] として、「Score」と入力します。

## パート 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. 「Customer Satisfaction」という [タイトル] を追加します。

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