金額の単位を簡単に切り替える。

# はじめに
Domoを使い始めてまだ１ヶ月なので、データの集計が間違っていないか、１円単位で数字の確認しながら進めていってます。
その時に金額の単位を切り替えることができたらなぁ〜っと思うことが多々あったので、調べてみた。

# 対象者
Domoのグラフで、金額の単位を切り替えたい人
期間（月、四半期、半期）などを切り替えたい人

# 作りたいグラフ
今回は何でも良いが、棒グラフでやっていようと思う。

# 使ったデータ
今回は、北海道のオープンデータを使ってみる。
この中の「レストラン売上データ（令和4年度北海道デジタルチャレンジ推進事業）【北海道】」を使ってみる。

https://www.harp.lg.jp/opendata/dataset/1938.html

## データアップロードする。
ダウンロードしたレストラン売上データを、Domoにアップロードしてみる。

タイトルが文字化けしている。データがS-JISだったみたい。
![スクリーンショット 2024-07-11 8.40.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/7d46257a-1cb7-8cc3-73cd-d04b80377c15.png)

そんなときは、「ファイルエンコーディング」を使って、文字ばけを解消する。
今回は、S-JISだと思われるので、「Windows-31J」にしてみる。
![スクリーンショット 2024-07-11 8.41.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/ed3d0b58-456f-39b4-f302-6dbda6da6f73.png)

![スクリーンショット 2024-07-11 8.43.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/b7a7d416-3f29-910c-09f5-ce12b88d6214.png)

はい。文字化け解消！

これでDatasetが出来上がりです。
※今回は無加工で済みそう。

# 棒グラフを作成してみる。
まずは、基本となる棒グラフを作成します。
X軸に【決済日時】、Y軸に【金額】の合計、系列に【カテゴリー名】を設定します。
X軸の単位は「週間」にしました。

![スクリーンショット 2024-07-11 9.34.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/fdb769c6-a626-1c55-352b-1d3cc7531e8a.png)

各棒グラフの合計値がわかりにくいので、「チャートの設定」で合計ラベルを表示させました。
![スクリーンショット 2024-07-11 9.39.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/c123359f-b917-9be6-e3b1-29ce897888ef.png)


## グラフの単位を変えるにはビーストモード
一般的には、単位を変更するのは、１００万で割った値を作成して、項目として利用することが一般的です。
![スクリーンショット 2024-07-11 9.41.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/2dee32ab-63bb-04f2-059d-a18e4cdf90fe.png)

そしてY軸を【金額(百万円)】にすることで、単位を変更できる。
![スクリーンショット 2024-07-11 9.41.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/982fe872-8dc5-cf31-b373-4deaed86dace.png)

ただ見る専用の人には、難しい操作だ！
千円単位にするなども、プログラムを書き換えるようなことはさせたくない。

## 切り替えるフィルターのようなものがほしい。
フィルターでできないか色々考えて見たが、仕組み上難しそう。
なんとなく「簡単にできるでしょ」と思うが、標準ではなさそうでした。

ググっていると、過去の【Domo buddies勉強会】で、やっている人がいました。
https://domobuddies.doorkeeper.jp/events/150130

そして、Domo buddiesになると過去の勉強会の資料も見ることができるので助かる。
buddies＝仲間！最高です。

https://www.domo.com/jp/campaign/domo-buddies

## 変数を使えばできる！
まずはビーストモードで変数を追加します。

![スクリーンショット 2024-07-11 9.53.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/f264a9d9-cb55-cbd3-53d7-03a123e306cd.png)

まずは変数名に、【金額単位】を名称をつけ
変数値の値のタイプを「テキスト」
デフォルトのコントロールを「ドロップダウン」を選択します。

![スクリーンショット 2024-07-11 9.57.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/ce524ff4-c116-f4d6-ab23-934f92c93587.png)

そして、デフォルトのコントロールの下の方にある、「利用可能数値」に「百万円」、「千円」、「円」と３つ設定し、保存します。
デフォルトの数値も忘れずに！
![スクリーンショット 2024-07-11 9.59.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/b5fd680c-4338-3e4c-83c9-281e4e312023.png)

## 変数をビーストモードで使う。
変数を切り替えることで、金額の値が変わるようにビーストモードで項目を作成する。
例えば、変数：金額単位が百万円という文字だったら、【金額】の項目を1,000,000で割るというものです。

![スクリーンショット 2024-07-11 10.02.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/081b469d-5bff-8b50-71fa-70b2fef1ad7b.png)

```
`金額` / 
(case 
 when `金額単位` = '百万円' then 1000000
 when `金額単位` = '千円' then 1000
else 1
end)
```

## グラフに反映してみる
Y軸に【金額_切り替え】を設定すると、グラフの数値が百万単位になりました。
右の方に、コントロールというものが出てきて、「百万円」、「千円」、「円」が選べる様になりました。

![スクリーンショット 2024-07-11 10.05.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/0bb0c69e-76df-50e8-b7aa-96a50d24291f.png)

ちなみに円を選んだらグラフはこちら
![スクリーンショット 2024-07-11 10.06.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/0164b466-e2fb-539c-3586-69c63407ead8.png)

# ダッシュボードでも選択できるようにしたい。
Analyzerでは、コントロールというパネルが出てきて、切り替えることができましたが、ダッシュボードでは表示されません。
なので、先程の変数をダッシュボードに追加して、切り替えることができるようにしていきます。

## ダッシュボードにも表示してみる。
ダッシュボード編集をして、コンテンツを追加します。
「変数を挿入」を選びます。

![スクリーンショット 2024-07-11 10.13.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/c564dd17-aa1c-a0de-a925-d47eb0b59087.png)

先ほど作成した【金額単位】を選びます。

![スクリーンショット 2024-07-11 10.13.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/18cd850f-5921-76b6-d733-14a29a749abc.png)

すると金額単位のフィルターが表示されます。

![スクリーンショット 2024-07-11 10.14.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3798145/9f5ad217-c8ac-e269-a3fc-a1e277ad7507.png)


# 他にもいろいろできる。
金額の他にも、期間：月、四半期、半期などを切り替えるものなど、いろいろ作り込みができそうです。

勉強会の資料の中には、他にもTipsがありましたが、ここでは割愛します。
もし見たい方は、buddiesになることをお勧めます。
もう一度いいます、buddies＝仲間！最高！！

https://www.domo.com/jp/campaign/domo-buddies