![見出し画像](https://assets.st-note.com/production/uploads/images/135410804/rectangle_large_type_2_5c2cc016c3fb52b66661e66960e8b127.png?width=1200)
[Tableau]パネルチャートで1つの画面に複数のグラフを表示する
概要
Tableau Desktopでダッシュボードを作る際に、カテゴリやメーカー、都道府県などディメンションの中の項目がとても多いものがあります。
一つのグラフで表示すると以下のように線が多くなったり、行が多くなったりしてしまいます。
![](https://assets.st-note.com/img/1711628666922-5UyTQBf219.png?width=1200)
これを、スモールマルチプルと呼ばれるTipsを使って解決した方法を紹介します。
このやり方は、一つの画面に複数のグラフ表現を盛り込み、一覧性を高めたものです。小さなグラフ(スモール)が複数(マルチプル)並ぶので「スモールマルチプル」と呼ばれます。
![](https://assets.st-note.com/img/1712111639152-xkVnXA3fWv.png?width=1200)
手順
今回はサンプルデータストアを使って、サブカテゴリごとの売上推移をスモールマルチプルを使って作る。
パラメーターを作る
列数をユーザーの任意で選択できるようにパラメーターを設定する
![](https://assets.st-note.com/img/1711628921641-r1saaGJDiM.png?width=1200)
計算フィールドを作る
行と列に複数グラフが置けるように、それぞれ計算フィールドを作る
列:INT((index()-1)%[列数選択])
行:INT((INDEX()-1)/[列数選択])
計算の意味
INT()は数字を整数にするための関数
index()はそのパーティション内の順番を出す関数
index()-1をすることで、0から数えるようにしている
列
%は割り算をした時の余りの数値を出すもの
列数を3と設定した場合、各パーティションに対して、0〜2の数字を振っている。
行
/で割り算をしている
列数を3と設定した場合、パーティション3つごとに同じ行になるように設定している
![](https://assets.st-note.com/img/1711629015373-Qft9FT4VIE.png?width=1200)
![](https://assets.st-note.com/img/1711629020494-rpovJX5xRy.png?width=1200)
グラフを作る
上記で作成した計算フィールドをそれぞれ行列に置き、両方とも不連続に変更する
![](https://assets.st-note.com/img/1711554730031-ZWrVbYNRwM.png?width=1200)
サブカテゴリごとのグラフにしたいため、「サブカテゴリ」を詳細に置き、行と列を「サブカテゴリ」で計算するように設定する
![](https://assets.st-note.com/img/1711629893588-QRpEiYK1dF.png?width=1200)
月次の売上のグラフが出るように、列にオーダー日の月、行に売上を置く
![](https://assets.st-note.com/img/1711630162263-3bSdYV110s.png?width=1200)
欠損しているデータがあると、各行列の月に異なったディメンションのデータが入ってしまうため、「欠損した値を表示」に設定
マークのところで「index()」の計算式を詳細に入れる
![](https://assets.st-note.com/img/1711630228700-bGkfzEDs5u.png?width=1200)
![](https://assets.st-note.com/img/1711630514879-Jw2wJs04G3.png)
凡例がグラフの中に見えるようにする
行に「avg(1)」の計算式を入れる
![](https://assets.st-note.com/img/1711630777164-CwBxfMdVwB.png?width=1200)
文字を置くために、サブカテゴリを「ラベル」にする
avg(1)の線を消すために、色の設定で透明度を0%にする
![](https://assets.st-note.com/img/1711630870361-ZF33XVul7o.png)
![](https://assets.st-note.com/img/1711630956159-s4SkKaZ81y.png)
二重軸に設定し、ヘッダーを非表示にすることで、avg(1)の情報を見えないようにする
![](https://assets.st-note.com/img/1711631128703-LZPVNdc3v9.png?width=1200)
![](https://assets.st-note.com/img/1711631092462-zRX5ifCKqs.png?width=1200)
行、列の番号は不要なので、同様にヘッダーの表示をなくす
![](https://assets.st-note.com/img/1711631234190-rgfN8A8IB7.png?width=1200)
![](https://assets.st-note.com/img/1711631242691-aSXqxEh2K5.png?width=1200)
完成
これでサブカテゴリごとの売上推移をスモールマルチプルで実装でき、見やすくなりました。
![](https://assets.st-note.com/img/1711631418571-S52AUVEkJs.png?width=1200)
所感
これで1つずつシートを作らなくても、一つのシートで一気にグラフを作ることができます。
よかったら使っていただけると嬉しいです。