今回は二重軸の作成方法を詳しく解説していきたいと思う。
二重軸は「売上と利益など異なる指標を1つのグラフでまとめてみたい！」という場合などに活躍するものだ。
ダッシュボードにおいて二重軸は非常によく使う。
そのため、何も見ずにサクッと使えるようにしておくことがおすすめだ。
今回はサンプルスーパーストアのデータを利用して、売上と利益の二重軸グラフをステップごとに作っていく。
完成形は下記グラフだ。
Contents
二重軸作成の流れ
上記の二重軸グラフの作成の流れとしては下記6つのステップだ。
- 月別の売上グラフと利益のグラフをビューに作成する
- 二重軸の設定をして売上と利益を1つのグラフにまとめる
- 軸を同期させる
- 不要な軸表示を消す
- 各折れ線グラフに指標名（売上と利益）を表示させる
- マークラベルの色を折れ線の色と合わせる
実際、二重軸を作成するだけだったら、4番までのステップで問題ない。
5番と6番は見た目を整えて、より洗練されたグラフにするための設定なので、必要ない方は無視していただいて構わない。
ステップ①：月別の売上グラフと利益のグラフをビューに作成する
まず最初に月別の売上グラフと利益のグラフを下記のように作成する。
行シェルフに売上フィールドと利益フィールドを単に追加した状態だ。
その場合、上記のように上下にグラフが分かれた状態で売上と利益の推移が表示される。
これはこれで便利ではあるが、
「1つのグラフで売上と利益を見たい！」
という要望を満たすにはここから二重軸の設定をする必要がある。
ステップ②：二重軸の設定をして売上と利益を1つのグラフにまとめる
上下に分かれている売上と利益のグラフを下記のように行シェルフの利益フィールドを右クリックして二重軸の設定をする。
このように二重軸の設定により、上下に分かれていた売上と利益の月別推移グラフを１つにまとめられた。
下記のように行シェルフの左側に追加されている売上フィールドを右クリックしても二重軸は表示されないのだ。
ステップ③：軸を同期させる
ステップ②で売上と利益のグラフを１つにまとめることはできた。
だが、それぞれの軸の数値基準が違っている。
そのため、本来は売上の方が利益よりずっと金額が大きいのに、グラフを見る限り売上と利益がほぼ同じぐらいの金額で推移しているように見えてしまっている。
これはダッシュボードを見るユーザーが誤った判断をしてしまう原因になる。
そのため、よほどの理由がない限り、左右の軸は同期をして数値基準を一致させておくことが大事だ。
左右の軸を同期させる方法はすごく簡単だ。
下記のように左右どちらかの軸を右クリックして、軸の同期をクリックするだけで行うことができる。
これで軸が同期されて、売上と利益の月別推移を１つのグラフで正しく見られる状態に出来た。
ステップ④：不要な軸表示を消す
ステップ③までで二重軸の設定まではできた。
しかし、軸を同期すると左右に同じ軸が表示されている状態になり、ややゴチャゴチャしている。
左右両方に同じ基準の軸表示がある必要はないので、右側の軸の表示を消してしまうのが定石だ。
右側の軸の表示を消すには、右側の軸を右クリック→「ヘッダーの表示」をクリックするだけでOKだ。
これで右側の軸の表示を削除することができた。
不要な軸のタイトルを削除
また、軸の表示を調整する際に、下記赤枠の軸のタイトルも不要なことが多い。
そのため、軸のタイトルを削除する方法も解説しておこう。
軸のタイトルを削除するには、対象の軸を右クリック→「軸の編集」をクリックする。
そして、入力されている軸のタイトルを削除すれば完了だ。
上記の軸のタイトル削除の作業をオーダー日の軸と売上の軸どちらも行う。
これにより、不要な軸のタイトルを削除し、軸周りの表示をすっきりさせることが出来た。
二重軸の設定だけであれば、このステップ④までの内容で十分だ。
ここからは見た目を整えて、より洗練されたグラフを作るためのステップとなる。
ステップ⑤：各折れ線グラフに指標名（売上と利益）を表示させる
最初に紹介した完成形のグラフのように、売上と利益の折れ線に指標名を表示させて、
「売上の折れ線はこの線、利益はこの線だな。」
とグラフを見るだけでパッと判別できるようにしていくのがステップ⑤だ。
各折れ線のそれぞれの指標をラベルとして表示させる方法はシンプルだ。
下記のようにデータペインのメジャーネームをマークカードのラベルへドラッグ＆ドロップするだけで完了だ。
これで各折れ線グラフのラベルに指標名が表示された。
ステップ⑥：マークラベルの色を折れ線の色と合わせる
最後に黒色になっている各ラベルの色を折れ線に合わせる。
折れ線の色にラベルの色を合わせるには、マークカードのラベルから下記のように設定する。
- マークカードのラベルをクリック
- フォントをクリック
- フォントの詳細画面が表示されるので、そこで「マークカラーの一致」をクリック
これで各折れ線の色とラベルの色が一致して、スッキリと見やすい二重軸のグラフになった。
これで完成だ。
まとめ
今回は実務でよく使う二重軸の作成方法をステップごとに解説してみた。
二重軸の作成の時に下記のポイントを覚えておくと良いと思う。
- 軸を同期させる（売上と利益率などは軸の単位が違う場合は例外）
- 左右同じ軸表示の場合は右側の軸表示は削除
- なるべく色の凡例を使わずに、グラフを見れば各折れ線がどの指標なのかがわかるようにする
何度も作成をしながら、何も見ないで二重軸を作成できるようになることを是非目指してほしい。
