ナレッジベース

動的なクアドラント チャートと色の背景を作成する方法


発行: 22 Dec 2022
最終修正日: 02 Jan 2024

ご質問

動的なクアドラント チャートと色の背景を作成する方法

<目的の動作>
ユーザーが追加した画像

環境

  • Tableau Desktop

回答

<手順 1>
-データ ソースの結合-

1. Sample Superstore (サンプル スーパーストア) に接続します。
2. [データ ソース] タブで、添付のデータ ソース 'Quadrant.xlsx' を追加します。
3. [Orders (オーダー)] をダブルクリックし、'Quadrant.xlsx' の Sheet1 をパレットにドラッグします。
ユーザーが追加した画像
4.  [データ ソース] プルダウン メニューから [結合計算の作成] を選択し、「1」を入力します。
ユーザーが追加した画像
5.  [シート 1] プルダウン メニューから [リンク] を選択し、[完全外部] を選択します。
ユーザーが追加した画像

<手順 2>
-クアドラント チャートの作成-

6. [シート 1] タブに移動します。
7. 右クリックしながら、[Sales (売上)] を [列] にドラッグし、[AVG (Sales)] を選択します。
8. [Profit Ratio(収益率)] を [行] にドラッグします。
9. [Manufacturer (製造業者)] を [マーク] の [詳細] にドラッグします。
10. 新しいパラメーターを次のように作成します。
ユーザーが追加した画像
11. 新しいパラメーターを次のように作成します。
ユーザーが追加した画像
12. [Profit Ratio Target (収益率目標)] と [Sales Target (売上目標)] を右クリックして、[パラメーターの表示] を選択します。
13. Y 軸 (Profit Ratio (収益率)) を右クリックし、[リファレンス ラインの追加] を選択して、次のように設定します。
ユーザーが追加した画像
14. X 軸 (Avg.Sales (平均売上)) を右クリックし、[リファレンス ラインの追加] を選択して、次のように設定します。
ユーザーが追加した画像

<手順 3>
-色の背景-

15. 新しい計算フィールドを次のように作成します。
     名前: Max Sales
     計算: {MAX({ FIXED [Manufacturer]:AVG([Sales])})}
16. 新しい計算フィールドを次のように作成します。
     名前: Min Sales
     計算: {MIN({ FIXED [Manufacturer]:AVG([Sales])})}
17. 新しい計算フィールドを次のように作成します。
     名前: Max Profit Ratio
     計算: {MAX({ FIXED [Manufacturer]:[Profit Ratio]})}
18. 新しい計算フィールドを次のように作成します。
     名前: Min Profit Ratio
     計算: {MIN({ FIXED [Manufacturer]:[Profit Ratio]})}
19. 新しい計算フィールドを次のように作成します。
     名前: X Axis
     Calculation : IF ATTR([Quadrant]) = "Data" THEN AVG([Sales])
                          ELSEIF ATTR([Corner]) = 3 OR ATTR([Corner]) = 4 THEN [Sales Target]
                          ELSEIF ENDSWITH(ATTR([Quadrant]),"Right") THEN ATTR([Max Sales])
                          ELSEIF ENDSWITH(ATTR([Quadrant]),"Left")  THEN ATTR([Min Sales])
                          END
20. 新しい計算フィールドを次のように作成します。
     名前: Y Axis
     Calculation : IF ATTR([Quadrant]) = "Data" THEN [Profit Ratio]
                          ELSEIF ATTR([Corner]) = 2 OR ATTR([Corner]) = 3 THEN [Profit Ratio Target]
                          ELSEIF STARTSWITH(ATTR([Quadrant]),"Top") THEN ATTR([Max Profit Ratio])
                          ELSEIF STARTSWITH(ATTR([Quadrant]),"Bottom")  THEN ATTR([Min Profit Ratio])
                          END
21. [X 軸] を列シェルフの [AVG (Sales)] にドラッグします。
ユーザーが追加した画像
22. [Y 軸] を行シェルフの [AGG (Profit Ratio)] にドラッグします。
23.  [X 軸] を列シェルフの [AGG (X Axis)] の横にドラッグします。
ユーザーが追加した画像
24.  "AGG (X Axis) (2)" という [マーク] カードを展開し、ラベルに配置された [Manufacturer (製造業者)] を削除し、チャート タイプを [多角形] に変更します。
ユーザーが追加した画像
25. データ ペインの [角] を右クリックし、[ディメンションに変換] を選択します。
26. [角] を [マーク] の [パス] にドラッグします。
ユーザーが追加した画像
27. [クアドラント] を [マーク] の [色] にドラッグします。
28. [マーク] の [色] をクリックし、色の不透明度を調整します。
ユーザーが追加した画像
29.[行] の [AGG (Sales)] を右クリックし、[二重軸] を選択します。
30.Y 軸を右クリックし、[軸の編集] を選択し、軸タイトルを削除します。
       *同じ手順を下の X 軸に適用します。
31. X 軸を右クリックし、[ヘッダーの表示] を選択します。
       *ヘッダーは非表示です。
 
この記事で問題は解決しましたか?