Oracle Analytics Cloud：ワークブックの見た目を整える

# ワークブックの見た目とは？
Oracle Analytics Cloud（**OAC**）では、分析に際して新規のワークブックを作成します。ワークブックの中には自動的に最初のキャンバス（タブ）が用意され、ビジュアライゼーションはキャンバスの中に作成されます。
ワークブックやキャンバスのスタイル（見た目：背景とか影とか）はカスタマイズ可能です。
分析の本質とは違いますが、見た目を見栄え良く整えてみたいと思います。

# どんな風にできるか？
できあがりの一例です。
これは、サンプルとしてダウンロード可能なワークブックをインポートしたものです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/a51b3f15-d675-628d-f812-bcbd7c19b7a1.png)

# サンプルをインポートする
次のURLに移動して、サンプルをダウンロードします。

https://www.oracle.com/jp/business-analytics/data-visualization/examples/

「例」の「OA Infographics」をダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/1d461d2e-2678-e99a-6f12-19f2154e7e39.png)
ダウンロードを続行するためには、OTNライセンス契約に同意する必要があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/3b252b4d-8455-79a8-ffc1-a85c1104a333.png)
ダウンロードしたzipファイルを展開し、「U.S Auto Industry.dva」をOACにインポートします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/f5b8a402-cdd5-3e45-e47b-79739fae4c33.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/62712d29-4353-909d-bf03-43649e89e9f6.png)

# インポートしたワークブックを開いてみる
「カタログ」メニューに移動して、インポートしたワークブック「U.S Auto Industry」を開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/3e5aea9d-9f81-77c2-1750-6c54addcdb9d.png)
作成者モードに変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/c1c84cf3-e63e-ab45-470f-4e86a835958b.png)
キャンバスのプロパティを表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/d0008042-bdbd-7ece-0785-7c1a2e805ad8.png)
キャンバスの背景として、画像ファイルが使用されているのがわかります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/83c85b55-741b-092d-e78d-1d0283af0427.png)

# キャンバスのレイアウト方式
もう一度、キャンバスのプロパティを確認してみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/380f9fa1-4776-0642-5657-8bd5f33262e9.png)
このキャンバスは、レイアウトが「自由書式」になっていますが、デフォルトは「自動調整」です。
自由書式になっていると、各ビジュアライゼーションのヘッダをつまんで自由に場所をドラッグ＆ドロップで移動できるのです。
任意のビジュアライゼーションを右クリックして、「すべてのビジュアライゼーションの選択」をしてみるとわかりますが、結構重なり合っていますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/967b2e97-89ab-c520-20c2-44d057811286.png)

こんな風に、あるビジュアライゼーションの上に別のビジュアライゼーションを完全に重ねることもできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/37d60bad-5cf2-fd72-d3c0-e106bd4f62b8.png)

# 新しいキャンバスの追加
一度プロパティを閉じて、新しいキャンバスを追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/5335a051-a5b4-7722-c3a4-1ab5e1811879.png)
追加したキャンバスのプロパティを設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/7dc8e81c-e9b9-548f-414f-d7b0c2ddbabb.png)
キャンバスの背景として薄いグレーを指定して「OK」でプロパティ画面を閉じます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/f2324a74-7acb-c237-a04a-134ea1d220de.png)

# ビジュアライゼーションに影を付ける
適当にビジュアライゼーションを追加してみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/181d6fdf-5e84-a580-fb01-bb12ed375cd0.png)
追加したビジュアライゼーションのプロパティを表示し、スタイルの中から「背景」の「自動」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/826eff8a-24e0-c3f3-9762-eb81b1fd2ac5.png)
背景を「カスタム」にして、塗りつぶしの色を白にしました。
次に「影」の「なし」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/9955a3eb-e8fe-3181-c267-2d94626c03c3.png)
右下に影が付くようにしてみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/f2790e38-b4b7-640c-c847-66ce5db22e37.png)
背景色や影は、複数のビジュアライゼーションをまとめて選択して設定することもできます。
ついでに境界線を「円形」にしてみたら、こんな感じになりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342206/238a3a26-895c-7df9-9ac1-d65113b39ae4.png)