Tableauのディメンションのテキストやセルを色分けする方法【Tableauノウハウ】
![Tableauのディメンションのテキストやセルを色分けする方法【Tableauノウハウ】](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color.jpg)
Tableauユーザーの皆さん、こんにちは!
Tableauでクロス集計表を作成する際、メジャー項目を色分けすることはできるものの、ディメンション項目の色分けはできずに悩んでいる人も多いのではないでしょうか?
そこでこの記事では、Tableauでディメンションのテキストやセルを色分けする方法について、具体的な手順に沿って詳しく解説します。
- ディメンションのテキストやセルを色分けしたい人
- Tableauにおける可視化のレパートリーを増やしたい人
- 業務でTableauを使う「データアナリスト」という職種に興味がある人
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
この記事を参考に、Tableauでのクロス集計表をより一層効果的に活用していきましょう!
Tableauを活用したデータアナリストは収入も高く、フルリモートやフルフレックスなど自由度も非常に高いので、みんなにおすすめしたい職種です。
未経験からデータアナリストに今すぐなりたい人は、転職エージェントを使うのが圧倒的におすすめ。
ちなみに僕自身は、リクルートエージェントを使って未経験からデータアナリストへの転職に成功し、年収も108万円以上アップしました。
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
フルリモート勤務になったおかげで、地獄の満員電車からも開放されました…!
そして2年後には、マイナビITエージェントで二度目のデータアナリスト転職。年収を57万円以上アップさせて今に至ります。
個人的には上記2社が最もおすすめです。
ただ、他にもデータアナリスト転職に適したエージェントがあるので、あなたに合うものを以下▼の記事で探してみてくださいね!
\ リモートワークOKのTableau求人多数! /
登録後もお金は一切かかりません。
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
年収アップできる可能性が高まるので、Tableauを活用したデータアナリストに転職するなら絶対に転職エージェントを利用しましょう!
完成イメージ
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_23.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_23.jpg)
完成イメージは上図のとおりです。
上段がディメンションのテキスト(文字)に色を付けたバージョンで、ディメンションのセルに色を付けたバージョンです。
このように、メジャーではなくディメンションの項目で色分けをしています。
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
なお、Tableau Publicにも手順を作成していますので、是非あわせてご覧ください!
Tableauのディメンションのテキストを色分けする手順
それでは実際に、Tableauのディメンションのテキストやセルを色分けする行う方法を、順を追って解説していきます。
ここではまず、ディメンションのテキスト(文字)で色分けしたクロス集計表を作成したいと思います。
手順1:「0」の計算フィールドを作成する
クロス集計表の「箱」を作るために、下記の計算フィールドを作成します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_1-1024x598.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_1-1024x598.jpg)
★0
0
手順2:列にフィールドを追加する
列シェルフに[★0]を追加します。追加する数は、「列数の2倍」です。
今回は4列の表のため、[★0]を4×2=8つ追加しました。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_2-1024x334.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_2-1024x334.jpg)
手順3:行にディメンション項目を追加する
行シェルフに、色分けしたいディメンション項目を追加します。
今回は[地域]を追加しました。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_3-1024x398.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_3-1024x398.jpg)
手順4:二重軸を設定する
二重軸を使用します。
列シェルフに追加した[★0]のうち、偶数番目のものを右クリック>二重軸 をクリックします。
今回は、2,4,6,8番目の[★0]を二重軸に設定しました。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_4.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_4.jpg)
手順5:グラフタイプをテキストに変更する
マークカード(すべて)のグラフタイプを、自動→テキストに変更します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_5.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_5.jpg)
手順6:マークカードにフィールドを追加する
マークカードにある「その他のカード」をクリックし、二重軸に設定した[★0]のマークカードの中にフィールドを追加します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_6.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_6.jpg)
今回は、以下のようにフィールドを追加しました。
- [合計(★0)(2)]:色に[地域]、テキストに[地域]を追加
- [合計(★0)(4)]:テキストに[売上]を追加
- [合計(★0)(6)]:テキストに[利益]を追加
- [合計(★0)(8)]:テキストに[数量]を追加
手順7:軸の編集をする
軸の編集をします。
左端の軸(下段)を右クリック>軸の編集 から、下記のように設定します。
- 全般>範囲>カスタム:開始値を「1」、終了値を「2」
- 目盛り>大目盛り:「なし」
残りの軸に対しても同様の手順を行います。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_7-1024x698.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_7-1024x698.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_8-1024x698.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_8-1024x698.jpg)
手順8:軸のヘッダーを非表示にする
上段の軸を右クリックし、ヘッダーの表示をオフにします。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_10.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_10.jpg)
また、下段の軸に対しても同様の手順を行います。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_11.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_11.jpg)
手順9:ディメンションのヘッダーを非表示にする
行シェルフにある[地域]を右クリックし、ヘッダーの表示をオフにします。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_13.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_13.jpg)
手順10:マークカードの書式設定をする
それぞれのマークカードを開き、必要に応じて書式設定を行います。
今回は、以下の設定を変更しました。
- 地域:テキストのサイズを12pt&太字に変更
- 売上:通貨形式(¥)に変更
- 利益:通貨形式(¥)に変更
- 売上:サフィックスに「個」を追加
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_14-1024x906.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_14-1024x906.jpg)
手順11:ダッシュボード上でヘッダーを作成する
今回の手順ではヘッダーの表示ができないため、ダッシュボード上で「テキスト」オブジェクトを使ってヘッダーを別途作成します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_15-1024x264.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_15-1024x264.jpg)
以上で完成です!
【応用】Tableauのディメンションのセルを色分けする手順
ディメンションの「テキスト」ではなく「セル」に色を付けたい場合は、先ほどまでの手順からさらに数ステップ必要です。
ここでは、ディメンションのセルで色分けしたクロス集計表を作成したいと思います。
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
先ほどまでの「手順11」の続きから作業を進めていきましょう!
手順12:「1」の計算フィールドを作成する
まずは、下記の計算フィールドを作成します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_16-1024x592.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_16-1024x592.jpg)
★1
1
手順13:列にフィールドを追加する
[★1]フィールドを、列シェルフの左から2番目(=[地域]ディメンションで使用しているフィールド)にある[★0]と置換します。
また、追加した[★1]を右クリックし、メジャーを合計→最小値に変更します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_17.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_17.jpg)
手順14:グラフタイプを棒に変更する
マークカードの「最小値(★1)」を選択し、グラフタイプをテキスト→棒に変更します。
また、サイズをクリックし、棒のサイズを最大にします。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_18.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_18.jpg)
手順15:軸のヘッダーを再表示する
軸の範囲を編集するために、ヘッダーを再表示させます。
列シェルフにある[最小値(★1)]を右クリック>ヘッダーの表示 をクリックします。
先ほどまでの設定の関係でヘッダーが表示されていないのに「ヘッダーの表示」に✓が入ってしまっているので、同じ操作を2回行いましょう。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_19.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_19.jpg)
手順16:軸の編集をする
軸の編集をします。
[最小値(★1)]の上段の軸を右クリック>軸の編集 から、下記のように設定します。
- 全般>範囲>カスタム:開始値を「0」、終了値を「1」
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_20.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_20.jpg)
手順17:軸のヘッダーを非表示にする
再度、ヘッダーを非表示にし、表の幅を微調整します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_21.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_21.jpg)
手順18:ダッシュボード上でヘッダーを作成する
先ほどと同様に、ダッシュボード上で「テキスト」オブジェクトを使ってヘッダーを別途作成します。
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_22-1.jpg)
![](https://chirutomoblog.com/wp-content/uploads/2024/06/tableau-dimension-text-cell-background-color_22-1.jpg)
以上で完成です!
まとめ
この記事では、Tableauでディメンションのテキストやセルを色分けする方法について詳しく説明しました。
手順に沿ってTableauを操作していくことで、初心者でも簡単にディメンション自体を色分けできるようになるでしょう。
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
ぜひこの方法を活用して、Tableauでのデータ可視化を一層向上させていきましょう!
そして、これからTableauを使う仕事に就きたいと思っている人は、今すぐ転職エージェントに登録して「Tableauデータアナリスト」を目指しましょう!
データアナリストはフルリモートやフルフレックスなど働き方の自由度が高いので、主体的に行動していくのが好きな人にはピッタリの職種ですよ。
\ Tableauで年収アップを目指しませんか? /
内定まで完全無料で転職サービスを利用できます
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
![](https://chirutomoblog.com/wp-content/uploads/2023/11/chirutomoblog-150x150.png)
データアナリストは今後も高い需要が見込まれているので、“超”売り手市場の今のうちにキャリアチェンジしてみましょう!
データアナリストでキャリアに輝きを!
最後まで読んでいただき、ありがとうございました!
コメント