スパークラインチャートについて～応用編～

今回は、スパークラインチャートの応用的な部分について紹介していきます。

前回、基礎編として、シンプルなスパークラインチャートについて説明をしましたが、そこから少し発展させてみたいと思います。

基礎編で紹介した地域ごとの月別売上推移をベースとして、以下の5つのポイントについて具体的に作成しながら説明をしていきます。

ドットインジケーターの追加

　直近月の売上をドット表示し、指標として目立たせます。

前月増減比較色分けドットインジケーターの追加

　前月と比較して、増減によってドットを色分けします。

代表値の表示

　売上の直近値、最大値、最小値をラベル表示します。

代表値（最大値、最小値）の表示有無の切り替え

　ラベル表示をリスト上の選択で切り替えれるようします。

代表値のオーバーラップの回避

　ラベルを折れ線グラフに重ならないようにします。

なお、すべてのVizは、サンプルデータであるスーパーストアの「Orders」シートをもとに作成することとします。

ベースとなるスパークラインチャートの作成

前回を参考に、地域ごとの月別売上推移の作成します。

関連記事スパークラインチャートについて～基礎編～

2022.10.16

次の流れで地域ごとの月別売上推移を編集し、ベースを作成していきます。

「Order Date」をフィルターシェルフに入れます。
フィールドのフィルター画面が表示されるので、「日付の範囲」を選択し、「次へ」ボタンを押します。
フィルター画面が表示されるので、そのまま「OK」ボタンを押します。
フィルターシェルフにある「Order Date」を右クリックして、「フィルターを表示」を選択します。
Viz上で右クリックして、「書式設定」を選択します。
線の書式設定にて、シートのゼロラインを「点線」に変更し、線の書式設定を閉じます。

ドットインジケーターの追加

計算フィールドの作成

以下の計算フィールドを作成します。

名前：Dot Indicator

IF LAST()=0 THEN SUM([Sales]) END

「Dot Indicator」は、直近月の売上を示します。ドットインジケーターを表現するのに使用します。

ワークシートの編集

次の流れでワークシートを編集していきます。

「Dot Indicator」を行シェルフにある「合計（Sales）」の右側に入れます。
行シェルフにある「Dot Indicator」を右クリックして、「二重軸」を選択します。
Viz上で「Dot Indicator」の縦軸を右クリックして、「軸の同期」を選択します。

ワークシートの微調整

次の流れでワークシートの微調整をしていきます。

行シェルフにある「Dot Indicator」を右クリックして、「ヘッダーの表示」のチェックを外します。
「メジャーネーム」凡例カードの「▼」を左クリックし、「色の編集」を選択します。
色の編集画面が表示されるので、それぞれ、色を選択し、「OK」ボタンを押します。
「メジャーネーム」凡例カードの「▼」を左クリックし、「カードの非表示」を選択します。
「Dot IndicatorΔ」マークパネルのマークタイプを「円」に変更します。
「Dot IndicatorΔ」マークパネルのサイズを左クリックして、サイズを調整します。
シートの名前を「地域ごとの月別売上推移スパークラインチャート with ドットインジケーター」に変更します。

ドットインジケーター付きスパークラインチャートの完成

これで、地域ごとの月別売上推移のドットインジケーター付きスパークラインチャートの完成です。前月の売上がオレンジ色の点（ドット）になり、目につきやすくなっています。

Tableau Publicのリンクを貼っています。

前月増減比較色分けドットインジケーターの追加

計算フィールドの作成

以下の計算フィールドを作成します。

名前：MoM Sales Color Flag

WINDOW_MAX(IF LAST() = 0 THEN SUM([Sales]) END)
>
WINDOW_MAX(IF LAST() = 1 THEN SUM([Sales]) END)

「MoM Sales Color Flag」は、直近月の売上とその前月の売上を比較するフラグを示します。ドットインジケーターの色を変えるのに使用します。

ワークシートの編集

次の流れでワークシートを編集していきます。

シート「地域ごとの月別売上推移スパークラインチャート with ドットインジケーター」を右クリックして、「複製」を選択します。
シート「地域ごとの月別売上推移スパークラインチャート with ドットインジケーター (2)」が作成されるので、これから、このシートを編集していきます。
「MoM Sales Color Flag」を「Dot IndicatorΔ」マークパネルの色に入れます。

ワークシートの微調整

次の流れでワークシートの微調整をしていきます。

「集計（MoM Sales Color Flag）」凡例カードの「▼」を左クリックし、「色の編集」を選択します。
色の編集画面が表示されるので、それぞれ、色を選択し、「OK」ボタンを押します。
「集計（MoM Sales Color Flag）」凡例カードの「▼」を左クリックし、「カードの非表示」を選択します。
シートの名前を「地域ごとの月別売上推移スパークラインチャート with 前月増減比較色分けドットインジケーター」に変更します。

前月増減比較色分けドットインジケーターの追加：ワークシートの微調整を説明する画像

前月増減比較色分けドットインジケーター付きスパークラインチャートの完成

これで、地域ごとの月別売上推移の前月増減比較色分けドットインジケーター付きスパークラインチャートの完成です。点（ドット）の色が、前月の売上よりも上の場合には、緑色に、下の場合には、赤色になっています。

Tableau Publicのリンクを貼っています。

代表値の表示

計算フィールドの作成

以下の計算フィールドを作成します。

名前：Min/Max Sales Label

IF SUM([Sales]) = WINDOW_MAX(SUM([Sales]))
THEN SUM([Sales])
ELSEIF  SUM([Sales]) = WINDOW_MIN(SUM([Sales]))
THEN SUM([Sales]) END

「Min/Max Sales Label」は、売上の最大値と最小値を示します。ラベルを表示するのに使用します。

ワークシートの編集

次の流れでワークシートを編集していきます。

シート「地域ごとの月別売上推移スパークラインチャート with 前月増減比較色分けドットインジケーター」を右クリックして、「複製」を選択します。
シート「地域ごとの月別売上推移スパークラインチャート with 前月増減比較色分けドットインジケーター (2)」が作成されるので、これから、このシートを編集していきます。
「Min/Max Sales Label」を「合計（Sales）」マークパネルのラベルに入れます。
「Dot IndicatorΔ」マークパネルのラベルを左クリックして、「マークラベルを表示」にチェックを入れます。
シートの名前を「地域ごとの月別売上推移スパークラインチャート with 代表値の表示」に変更します。

代表値の表示付きスパークラインチャートの完成

これで、地域ごとの月別売上推移の代表値の表示付きスパークラインチャートの完成です。売上の直近値、最大値、最小値がそれぞれラベル表示されています。

Tableau Publicのリンクを貼っています。

代表値の表示有無の切り替え

パラメーターの作成

以下のパラメーターを作成します。

名前：Min/Max
【プロパティ】
データ型：文字列
許容値：リスト
値、表示名（1行目）：ともに「Show」
値、表示名（2行目）：ともに「Hide」

計算フィールドの作成

以下の計算フィールドを作成します。

名前：Show/Hide Min/Max Sales Label

CASE [Min/Max]
WHEN "Show" THEN [Min/Max Sales Label]
END

「Show/Hide Min/Max Sales Label」は、売上の最大値と最小値を示しており、パラメーターが「Show」の場合のみ有効になります。リストにて「Show」を選択した場合のみ、ラベルが表示されるようにするのに使用します。

ワークシートの編集

次の流れでワークシートを編集していきます。

シート「地域ごとの月別売上推移スパークラインチャート with 前月増減比較色分けドットインジケーター」を右クリックして、「複製」を選択します。
シート「地域ごとの月別売上推移スパークラインチャート with 前月増減比較色分けドットインジケーター (2)」が作成されるので、これから、このシートを編集していきます。
「Show/Hide Min/Max Sales Label」を「合計（Sales ）」マークパネルのラベルに入れます。
データペインにあるパラメーターの「Min/Max」を右クリックして、「パラメーターの表示」を選択します。
シートの名前を「地域ごとの月別売上推移スパークラインチャート with 代表値の表示有無の切り替え」に変更します。