![見出し画像](https://assets.st-note.com/production/uploads/images/92545400/rectangle_large_type_2_3272ba70b4a3bc818573b9acf5e194c9.png?width=1200)
[Tips]選択した日付にリファレンスラインを引く[DATA Saber挑戦 #Week3]
DATA Saber BridgeプロジェクトにApprenticeとして参加しています。
週一note更新目指します。
[はじめに]Tableau PublicにVizを投稿しました
![](https://assets.st-note.com/img/1670079135801-Z3c2hQO4v9.png?width=1200)
首都圏3地点の気温の差を表現するVizを作成しました。
左下の折れ線グラフをクリックすると、右側の各要素がクリックした日でフィルターされます。
今回は左下の折れ線グラフの作成方法について、ご紹介します。
・折れ線グラフを1/1~12/31までつなげる
・選択した日にリファレンスラインを引く
ということを実現するにはひと手間必要です。
![](https://assets.st-note.com/production/uploads/images/92545092/picture_pc_ab4622b51bb498fc0df0ba057e38f57c.gif?width=1200)
[実装方法]1.複数年間にまたがって、同じ月日を集計する
気温の複数年の平均を出す場合、同じ月日のデータを集計する必要があります。
(11/27の平均気温を出す場合、2012/11/27の気温・2013/11/27の気温・2014/11/27の気温… を集計する必要がある)
現在のTableauの機能では「不連続」であれば同じ月日で簡単に集計することができるのですが、「連続」のまま同月日集計ができません。
![](https://assets.st-note.com/img/1670080887384-lyafF9IlJm.png?width=1200)
(ただし、月の切れ間は線が切れている)
「連続」で表現したい場合は、日付型フィールドがすべて同じ年となるよう計算フィールドを1つ作ることで実現可能です。
具体的には、以下のように日付のフィールドの「年」をすべて同じ年に揃えた計算フィールドを作成することになります。
![](https://assets.st-note.com/img/1670080295692-BePFG4H6hc.png?width=1200)
こうすることで、日付の列を連続で表現可能になります。
![](https://assets.st-note.com/img/1670081276972-riMJHkrNFQ.png?width=1200)
ついでに折れ線グラフも1/1~12/31まで繋がっている
ただ、仮で置いた「年」がViz上で見えてしまうと混乱を招くので、隠します。
先ほど作成した計算フィールドの既定の日付形式を「mm/dd」に設定しておくことで、年の情報はViz上からは見えなくなります。
![](https://assets.st-note.com/img/1670081723894-wHH4uup72J.png)
![](https://assets.st-note.com/img/1670081763303-JAHpQiwpul.png)
ちなみに、m/d とすれば"1/18"のようにゼロ埋めがなくなる
[実装方法]2.リファレンスラインを作成する
リファレンスラインの作成自体は全く難しくありません。
まずは、日付型のパラメーターを作成します。
![](https://assets.st-note.com/img/1670081607617-eVTLXJYrB0.png)
そして、先ほど作成した折れ線グラフにリファレンスラインを設定します。
![](https://assets.st-note.com/img/1670082312879-17EV6MX1Li.png?width=1200)
(=縦のリファレンスラインも引ける)
日付が不連続だと設定ができない
![](https://assets.st-note.com/img/1670082426624-lplODQQLgY.png?width=1200)
[実装方法]3.クリックした日付にリファレンスラインが表示されるようにする
最後に、選択した日付とリファレンスラインが同期するようにします。
一旦ダッシュボードにシートを配置し、それから設定していきます。
具体的には、アクションの「パラメーターの変更」で設定していくことになります。
![](https://assets.st-note.com/img/1670082765439-ZWysVMTShE.png?width=1200)
この際、選択項目をクリアした際の値に「1972/1/1」を設定しました。
選択がクリアされた際に、リファレンスラインをグラフの端に追いやりたかったからです。
![](https://assets.st-note.com/img/1670082885182-4Ei8nYasyG.png)
しかし、このままだと選択解除した際にリファレンスラインが画面に表示されてしまい、不格好です。
![](https://assets.st-note.com/img/1670083034910-3O95sFGq0u.png?width=1200)
これを避けるため、横軸(日付)の範囲は固定してしまいます。
![](https://assets.st-note.com/img/1670083169910-EwjajBIWCz.png)
ラベル表示などが入りきらない場合は適宜変更すればよい
このような設定を行うことで、選択した日付にリファレンスラインを引く+選択解除したらリファレンスラインを消す、ということが実現可能となります。
この記事が気に入ったらサポートをしてみませんか?