【Tableau】スパークラインで増減傾向をわかりやすく表現する方法(折れ線グラフの応用)
解説
折れ線グラフをつくる
スパークラインは見た目の通り、折れ線グラフです。なので、まずは普通に折れ線グラフをつくってみます。
今回は[数量]の時系列変化を[カテゴリ]ごとに折れ線グラフにしてみます。
まずは[数量]を行シェルフにドロップします。
次に折れ線グラフにするために、時系列のデータである[オーダー日]を列シェルフにドロップします。ここでポイントが、[オーダー日]を右クリックでドロップすることです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/148b6b34-dada-420f-89a1-0d28a2f556e6/7d249177247ff06348812a850915e84f.png)
右クリックでドロップすることで、下の図のような画面で[オーダー日]をどのような形で表現するかを選択できます。
線で区切られていますが、下の図のような区分分けになっています。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/e8e2d7f7-75d8-4cb1-b0e5-095bb684379d/26408db73163ffcda0e3c392480d042b.png)
スパークラインをつくる際は連続の日付を選ぶことをお勧めします。
不連続の日付は使い方によっては、折れ線が途中で途切れてしまうからです。
今回は[四半期(オーダー日)]を選択して、下の図のような折れ線グラフをつくります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4257893b-72c4-42dc-b6cf-b658cc8ce5cd/95ce19575d157850155b9212fff5c3ea.png)
次に、[カテゴリ]を行シェルフにドロップしてカテゴリ別の折れ線グラフにします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/d9d0c3ce-d98e-46b9-98eb-4e4fdee50490/aeb194c0ea103eae07455f5e0700b149.png)
見た目を整えてスパークラインにする
①軸の範囲を独立にする
今のままでは、「家具」や「家電」の数量が「事務用品」に比べて少ないので数量の増減がわかりづらいので軸範囲を編集します。
まず、軸を右クリックして、「軸の編集」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/07a03b4f-c6ca-4d43-99d2-3d0023dd3363/63893eba8dee239ba69243c9df7f26db.png)
次に表示された画面で軸の編集を行います。今回はカテゴリごとの数量規模に合わせて軸範囲を変更したいので「各行または列の独立した軸範囲」にチェックを入れます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/179dd1dd-a01f-4621-b2aa-9e605fcffba4/8d8c67a9b6cfa07dcdd7ba8a6b7d6ac2.png)
これで、「家具」「家電」「事務用品」それぞれの数量規模に合わせた軸範囲になりました。
![軸範囲:自動](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/a314d4e4-cb76-48af-957f-0f322204e166/a6ff6be4299ca278fb7b9fc77c8d273e.png)
![軸範囲:各行または列の独立した軸範囲](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/f0f1c035-9641-4ffe-884a-568836b0a3a7/50b5d227a2f0f0c9d7a8a8f65f1214e1.png)
②ゼロを含めない
今回の例ではそこまで気になりませんが、数値が大きい範囲で推移している場合も数値の増減がわかりづらいです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/54f2dadf-d384-4c21-b73b-bcde30db1a9c/b1b12eafbc7d55fa72676a5957208c35.png)
このような場合は、軸範囲の「ゼロを含める」のチェックを外します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/b93f0290-db1e-4142-b79a-265088168ff5/b23ca55b3e0a183fda00a79ab941c9d8.png)
こうすることで、軸の範囲からゼロを除外して、数値の増減に着目しやすくなります。
![軸範囲にゼロを含める](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/427acfb3-ffdd-49e0-9c37-97d65fcc58f2/e381e6c27e6cf5c9a837212d56dd76d8.png)
![軸範囲にゼロを含めない](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/60b68e0d-7ce4-46c2-8df4-1ab2539c5e1e/ad34da027de09690cf8cad46e67b64fc.png)
③軸の目盛りなどを非表示にする
スパークラインは数値の増減だけを小さいエリアで表現するグラフなので、正確な数値や数値規模の情報は不要な場合が多いです。
エリアが小さくても表示できるよう、軸の目盛りなどは非表示にします。
非表示にしたい軸を右クリックして、「ヘッダーの表示」をクリックしてチェックを外します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/b34f8f02-267a-4375-a201-d5b8239437e6/632be7245e1e010256b20346f2071928.png)
これで、軸の目盛りの表示が非表示になりました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/cef3aa57-b825-4c68-a7ee-b6d692bd9f37/842a9344e64a59f9b52ce82bf40d777a.png)
必要に応じて、時系列の軸も非表示にします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/189c0c4b-369c-4b69-b77a-3bc00aaacffb/fa9838b4797c3eaa4748f54736e6b443.png)
これでスパークラインの完成です。
さいごに
いかがでしたか?Tableauでスパークラインを作る方法を紹介しました。小さいエリアで時系列変化を表現したい時に使える便利なグラフなので、ぜひ参考にしてみて下さい。
・Tableauに取り込みたいデータソースがある
・Tableauの効果的な可視化についてもっと知りたい
・組織においてのTableauの定着化をもっと推進したい
・新しいKPIを作りたいが、自信がない
アタラにはTableauを含むBIツールのエキスパートが在籍しております。
このような課題をお持ちの方は、ぜひお気軽にこちらまでご相談ください。
この記事をシェアする
まずはお気軽にご相談ください
BIシステムの導入からデータ活用の自走化まで支援いたします
![画像](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4d0b04d7-7f5d-42c3-b823-340f0c6b6ba2/85e622eaa9cd1405991d24003691b01f.png)