Tableau 書式設定を理解する 後編

## 前置き
　Tableauを使っていて毎回書式設定でどこをどう変えれば良いかよく分からず、とりあえずいじりまくって何とかしていますが、いい加減非効率なので一回書式設定をきちんと理解しておこうと思いまとめてみました。 

　[前記事](https://qiita.com/zaki_001/items/c83bc2881a6b54a9f997 "Tableau 書式設定を理解する 前編")の後編です。書式設定のうち、網掛けと枠線については前記事で説明していますのでそちらをご覧ください。(11/20追記：番外編も作成しました）

https://qiita.com/zaki_001/items/c83bc2881a6b54a9f997

https://qiita.com/zaki_001/items/319efb40377dcdd11823
## 4.線
　後編一発目は線です。書式設定→線を選択するとサイドバーに設定画面が表示されます。初期設定は↓こんな感じです。これを、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/2757b8fe-74f4-aa56-6c57-5d132735d601.png)
↓こんな感じにド派手な太線を設定してみると、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/8212f2f7-f436-0ef4-a11d-234437995fde.png)
あれ、軸線の緑色以外反映されていない？？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/e877cba5-54ea-c9bc-eefa-c44a484d5966.png)
　実は線の書式設定は行/列にメジャーがない場合、設定してほほとんど何も変わりません。
というわけで、別のVizで試してみます。下図は書式設定デフォルト状態。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/95486645-edf7-966a-6284-d0c618bb86b6.png)
　例によってモリモリに設定してみると下図のようになります。線の設定は名前そのままで割とわかりやすいですね。ゼロラインの設定で軸の原点とは別に値が0のラインを個別に書式設定できるところが特徴的です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/ecec12bb-defa-88ae-db48-bd49b1b4f9bd.png)
　軸目盛りはパッと見わかりづらいですが、よく見てみるとうっすら細い線が出ています。軸目盛りは線の太さを変えることはできず、かなり控えめな見た目なので設定する意味あるのかって感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/d3673b61-7a81-015c-d960-902659835b3d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/f874803f-332d-4369-4a4d-0466d14ef253.png)
　あと、ドロップラインは表示設定をONにすれば↓こんな風に書式設定が反映されていることが確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/884f25fe-35b5-126f-ff8c-942dfd620a45.png)
　また、書式設定で`シート`タブではなく、`行`タブ、`列`タブで設定すれば行方向と列方向で別々の書式を設定できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/2ae2f206-abeb-a787-91f4-c1ba12c977be.png)
　↓こんな感じです。グリッド線と軸線を行と列で別の色にしています。しかし、見やすいとは思えないのであんまり使うことはなさそうです。グリッド線を縦か横どちらかだけ表示させたい時か、どちらかのゼロラインだけ強調したい時くらいでしょうか？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/4b241cdb-d8f7-563e-b6e2-a103d1e6ed34.png)
　最後に補足ですが、メジャーが入ったVizでも枠線の書式設定は何ら変わりなく適用されます。グラフ毎の境目をはっきりさせたい時は枠線の書式設定の`行（列）の境界線`を設定すると良いです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/276b5042-fedb-7ad5-31b0-2aa085130b41.png)

## 5.フォント
　次はフォントです。書式設定→フォントを選択するとサイドバーに設定画面が表示されます。正直、用語がしっかりわかっていればあまり説明することは無いと思いますので、例を示すだけにします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/f2966f23-83b0-0c5c-1625-5bb7f4e51675.png)


## 6.配置
　最後は配置です。書式設定→配置を選択するとサイドバーに設定画面が表示されます。初期状態はすべて自動に設定されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/8be2a997-343b-4d70-0e23-1342d30de41d.png)
　シート→既定→ペインを中央に設定すると下図のようにペイン部分の合計（売上）が中央揃えになります。この時ヘッダーが自動だと、一番細かいヘッダー（図ではカテゴリ）も一緒に中央ぞろえになります。ヘッダーは自動設定なのでTableauが見やすいように自動で配置を変えてくれているようです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/7a4466d7-159f-a1e3-b957-d7970302e478.png)
　ヘッダーを明示的な設定に変えると、当然一番細かいヘッダー（図ではカテゴリ）もそれに従って配置が変わります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/fc5a53dd-3296-503e-aec2-927bbdc49412.png)
　水平方向・垂直方向の位置のほかに、方向の設定で文字の向きも変えることができます。ただしシート単位や行/列単位で向きを変えると下図のようにあまり実用的な見栄えにはなりません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/ddff8dff-3ba6-0e8c-8fcb-9bc4518e0106.png)
　実際に向きを変えたくなるのは特定のヘッダーのみのケースが多いと思います。そういう場合は書式設定のフィールドから向きを変えたいディメンションを選択し、そこで配置設定をすることでそのヘッダーだけ文字の向きを変えることができます。試しに地域だけ向きを変えてみると下図のようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/73e67b0b-b148-b201-e329-4e28bc4761d4.png)
　配置設定の最後はラップです。ラップをオンにすると、折り返し表示されるようになります。ラップがオフまたは自動の場合、列ヘッダーの表示幅を狭めると項目名が表示しきれず途中で途切れてしまいますが、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/712931cb-ab00-1075-ac52-3faa06d0172a.png)
　ラップをオンにすると折り返されて項目名がちゃんと表示されるようになります。（ただし、2行表示できるように行ヘッダーの表示幅を広めてやる必要があります）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307669/b8098c17-c634-bcda-30dc-347aa5c8e4f9.png)
　ちなみにラップをオンにしても改行されないケースもあります。検証はしきれていませんが、ペインのデータで数字の場合は改行されないはずです。文字列の場合は改行される場合とされない場合があり、改行されない場合の細かい条件は理解できていません。（どなたかわかる方がいればコメントで教えていただけると助かります）

## 7.終わりに
　前編・後編にわたってTableauの書式設定についてまとめてみました。Tableauの書式設定は項目も多く結構わかりづらいですが、うまく使いこなせばVizのレベルも上がりますので、ぜひ参考にしていただければと思います。


## 　

https://qiita.com/zaki_001/items/f2e7087dc3b0fa2efae8