![見出し画像](https://assets.st-note.com/production/uploads/images/106739971/rectangle_large_type_2_fe4b5ccf02e4a265f327aa8c47cf3752.jpeg?width=1200)
Tableauの表で上位ランキングを強調させてみた①
はじめに
表形式データにおいて、上位3つを強調表示してほしいとの依頼があったため、Tableau での対応方法について、自身の備忘録がてら残しておきます。
実現したいイメージ
あるカテゴリにおいて、四半期ごとの数値で上位3つを強調させたいとのことで、Excelで作成すると以下イメージとなります。
![](https://assets.st-note.com/img/1684603338446-JmVwghBq4N.png?width=1200)
対応フロー
今回はスーパーサンプルストアの注文データにて同等の強調表現を実現する。地域別の売上上位3つを強調させる。まず、表データを作成する(ステップ1)。
![](https://assets.st-note.com/img/1684601589425-xRjUpCwAGS.png?width=1200)
次にRANK関数で"売上ランキング"の計算式、および"売上ランキング上位3"を判定する計算式を作成する(ステップ2)。上位3はRANK関数で1~3となるため、3以下であれば上位3とするIIF関数としている。
![](https://assets.st-note.com/img/1684602087796-Sk71ZPNiTt.png?width=1200)
売上ランキング上位3の計算式を色に設定する。ただし、この設定では数値の文字色を変更するだけとなる(ステップ3)。
![](https://assets.st-note.com/img/1684603851670-ziGAgDWeJO.png?width=1200)
背景色に反映させるため、マークから"四角"に変更する(ステップ4)。この背景色に反映させるための設定で少々悩みました。
![](https://assets.st-note.com/img/1684602434758-Wwp2yESY9g.png)
すると、以下のように文字色ではなく、背景色が協調される(ステップ5)。
![](https://assets.st-note.com/img/1684602497332-KCk5hpDE81.png?width=1200)
強調箇所は黄色、それ以外は白にしたいため、色の凡例から"色の編集"の画面を開き、"カスタム分化"を選択、0のときの色(白)と1のときの色(黄)、ステップドカラーを"2"とする(ステップ6)。
![](https://assets.st-note.com/img/1684602741376-jgZrTXRPjz.png?width=1200)
以上のステップを経て、所望の表現を実現することができる(完成画面)。
![](https://assets.st-note.com/img/1684602942498-9nmkk0y4R0.png?width=1200)
同様のことをしたい方の参考になればと思います。強調する上位ランキング数を変更したい場合の設定についても別の記事にて紹介します。