Tableau

【Tableau】折れ線グラフ上の2点を比較する方法ーパラメータアクションでインタラクティブに

ホウ
 

二つの折れ線グラフ上の2点を繋いで、動的に比較する方法を紹介します。

作成したダッシュボードはこちらから

AppleとUber2社のそれぞれ2019年から2022年まで毎日の株価の調整後終値をプロットしています。クリックで基準になる点を選んで、カーソルを合わせることで比較したい点を選んだら2点を繋ぐ線が引かれます。

プレゼンするときにインタラクティブにデータを見せられる実用的な技法だと思います。

目次

方法1

①折れ線グラフを作る

まず連続な日付データを列に、可視化したい指標を行に、会社名を色に入れて基本となるチャートをつくります。

 

②基準日（Anchor Date）と比較日（Comparison Date）のパラメータを作る

キャプチャーで基準日の設定を示していますが比較日も同じものを作ります。

③アクションをつける

「ワークシート」から「アクション」をクリックし、「アクションの追加」から「パラメータの変更」を選択します。

基準日変更（change anchor dae）と比較日変更（change comparison date）のアクションを作ります。「ターゲットパラメータ」をそれぞれ対応するパラメータにして、基準日「アクションの実施対象」を「選択」に、比較日のを「カーソルを合わせる」にします。設定し終わったらレファレンスラインをつけてマウスで点が動くかどうかチェックしてみましょう。

（知らなかった人のために）横軸を右クリックし、「レファレンスラインの追加」から下記の画面で、「値」のところでパラメータが選べます。

④値の変化率を出す

以下2つのコードで基準値（Anchor Value）と比較値（Comparison Value）の計算式を作ります。

♯基準値
{FIXED [Company]:SUM(IF [Date]=[パラメーター].[Anchor Date] THEN [Adj Close] END)}
♯比較値
{FIXED [Company]:SUM(IF [Date]=[パラメーター].[Comparison Date] THEN [Adj Close] END)}

両者の変化率を計算し、ツールヒントで値の変化を見やすいように差も計算します。

♯変化率
SUM(IF 
    [パラメーター].[Comparison Date]>[パラメーター].[Anchor Date]
THEN
    ([Comparison Value]-[Anchor Value])/[Anchor Value]
ELSE
    ([Anchor Value]-[Comparison Value])/[Comparison Value]
END)
♯差
IF 
    [パラメーター].[Comparison Date]>[パラメーター].[Anchor Date]
THEN
    ([Comparison Value]-[Anchor Value])
ELSE
    ([Anchor Value]-[Comparison Value])
END

（知らなかった人のために）変化率をいつもパーセンテージで表示するには、メジャーを右クリックし、「規定のプロパティ」から「数値形式」から指定します。

 

 

⑤両点間に線を引く

まず以下の計算式を使って、選択された2つの日付（Anchor DateとComparison Date）に対応するデータポイントのみを返すようにします。これにより、これらの日付に対応する株価（Adj Close）のみが特定されます。

♯Conncetion
IF [Date]=[パラメーター].[Anchor Date] OR [Date]=[パラメーター].[Comparison Date] THEN [Adj Close] END

次に、Conncetionを行と「マーク」のパスに入れると、選択した両点間に線が引かれます。先ほど出した変化率もラベルに入れています。

最後にConncetionとAdj closeを二重軸にして軸の同期をしたら上下の表をくっつけることができます。

方法2

方法2は④までが一緒ですが、Conncetionを作らないで、Adj closeとメジャーバリューの二重軸作って、メジャーバリューをパスに入れます。

しかしこの場合、社名のディメンションを行に入れないとすべての基準日と比較日がつなげられてビューが崩れてしまいます。ディメンションを忘れないで入れましょう。

以上で二つの折れ線グラフ上の2点を繋いで、動的に比較する方法を紹介しました。折れ線が3本以上になる場合は方法1のほうが見やすいと思います。

参考

Uberデータ：https://www.kaggle.com/datasets/varpit94/uber-stock-data

Appleデータ：https://www.kaggle.com/datasets/varpit94/apple-stock-data-updated-till-22jun2021

方法1：https://public.tableau.com/views/NetflixvsSpotifyHistoricalStockPrice/Summary?:showVizHome=no

方法2：https://www.youtube.com/watch?v=Pv-W3S-LFr4

 

 

ホウ
＃文学部の末路
関連の記事