【Domo】グラフ(カード)のまとめ数字に複数の要素を入れてカスタマイズする方法
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/1ec77178-2674-488b-802e-4c76b45fa0ae/63f70103d39487ffe415e81538ae7932.png)
はじめに
Domoでグラフ(カード)を作っているときに、「まとめ数字」の文字色を変えたいと思ったことはないでしょうか?
またはダッシュボード作成時にカードが小さくしたら、まとめ数字が見切れてしまったという経験はないでしょうか?
Beast Modeを使ってある工夫をすると、これらの問題を解消できるので、その方法を解説します。
解説
今回は下記のようなグラフに変更を加えていきます。
このグラフは、小売事業を営む企業の売上推移(リピート、新規別)です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/dc8f6863-c239-49d5-aed8-0749ab085217/f2e04336eef629c1fcd3c929e69b8c76.png)
(リンク)
こちらの記事で、まとめ数字に複数の数字を入れる方法を紹介していますが、こちらでも同様にCONCAT関数を使います。
色を変える
このようなBeast Modeを作成します。
このBeast Modeをまとめ数字に使用すると、↓のようにまとめ数字の色を変えることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/ff8a0f44-b3d9-4e03-b2e2-33edddf46799/23509f1d1b5398bab34a4af36db133a9.png)
「ff00ff」の部分は16進数で色を指定しています。
他の色にしたい、仕組みを知りたい方は下記のサイトなどを参考にいろいろ試してみて下さい。
文字を小さくする
上記のBeast Modeを少し変えてこのようにしてみます。
すると文字サイズが小さくなりました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/1e1fa7f8-8328-4142-98fd-3156f9718837/d39d83ba4b7181b459405e1e0d84eca3.png)
「size=”〇”」の部分は1~7の整数で指定することができ、数字が大きくなると文字サイズも大きくなります。
どちらも変更するにはこのように記述します。
結果はこちらです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/da154f9d-baf4-49ac-b338-70adca7a7a8d/12d65cbce5330cbf2332aa10f494aff2.png)
応用編
(リンク)
こちらで紹介した、複数の数字を同時に表示する方法と組み合わせると、
このような表示設定もできます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/6960a382-4b66-4f4b-84d5-d0c1707b69cf/40aa4fa1df089656c45ff95fc5b79ac5.png)
以上です。
・Domoに取り込みたいデータソースがある
・Domoの効果的な可視化についてもっと知りたい
・組織においてのDomoの定着化をもっと推進したい
・新しいKPIを作りたいが、自信がない
アタラにはDomoを含むBIツールのエキスパートが在籍しております。
このような課題をお持ちの方は、ぜひお気軽にこちらまでご相談ください。
この記事をシェアする
まずはお気軽にご相談ください
BIシステムの導入からデータ活用の自走化まで支援いたします
![画像](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4d0b04d7-7f5d-42c3-b823-340f0c6b6ba2/85e622eaa9cd1405991d24003691b01f.png)
はじめに
Domoでグラフ(カード)を作っているときに、「まとめ数字」の文字色を変えたいと思ったことはないでしょうか?
またはダッシュボード作成時にカードが小さくしたら、まとめ数字が見切れてしまったという経験はないでしょうか?
Beast Modeを使ってある工夫をすると、これらの問題を解消できるので、その方法を解説します。
解説
今回は下記のようなグラフに変更を加えていきます。
このグラフは、小売事業を営む企業の売上推移(リピート、新規別)です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/208f3c13-50f5-4d93-8f57-2554c5513be5/f2e04336eef629c1fcd3c929e69b8c76.png)
(リンク)
こちらの記事で、まとめ数字に複数の数字を入れる方法を紹介していますが、こちらでも同様にCONCAT関数を使います。
色を変える
このようなBeast Modeを作成します。
このBeast Modeをまとめ数字に使用すると、↓のようにまとめ数字の色を変えることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/8d3cb979-6422-411f-ad2a-6d22c0a6b196/23509f1d1b5398bab34a4af36db133a9.png)
「ff00ff」の部分は16進数で色を指定しています。
他の色にしたい、仕組みを知りたい方は下記のサイトなどを参考にいろいろ試してみて下さい。
文字を小さくする
上記のBeast Modeを少し変えてこのようにしてみます。
すると文字サイズが小さくなりました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/88801b20-9494-41b5-844a-6fcf8ae26f5d/d39d83ba4b7181b459405e1e0d84eca3.png)
「size=”〇”」の部分は1~7の整数で指定することができ、数字が大きくなると文字サイズも大きくなります。
どちらも変更するにはこのように記述します。
結果はこちらです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/aed53d74-ea56-493d-b981-692bf17cc5f2/12d65cbce5330cbf2332aa10f494aff2.png)
応用編
(リンク)
こちらで紹介した、複数の数字を同時に表示する方法と組み合わせると、
このような表示設定もできます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/0100cb02-9fe5-4883-8027-c09206df49f7/40aa4fa1df089656c45ff95fc5b79ac5.png)
以上です。
・会社のデータをもっと有効活用をしたい
・Domoに取り込みたいデータソースがある
・Domoの効果的な可視化についてもっと知りたい
・組織においてのDomoの定着化をもっと推進したい
・新しいKPIを作りたいが、自信がない
アタラにはDomoを含むBIツールのエキスパートが在籍しております。
このような課題をお持ちの方は、ぜひお気軽にこちらまでご相談ください。
この記事をシェアする
まずはお気軽にご相談ください
BIシステムの導入からデータ活用の自走化まで支援いたします
![画像](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4d0b04d7-7f5d-42c3-b823-340f0c6b6ba2/85e622eaa9cd1405991d24003691b01f.png)