【グラフは見た目の瞬発力が重要です!】
今回は、一目でグラフの内容がわかる「Infographhic Designer」を使ったグラフの作り方を解説します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/2c63c216d9fd9bb6666e4dc1d11d1e9c-1.gif)
実際にレポートを触ってみたいという方はこちらをクリックしてみてください⇒サイト
開いたWEBサイトで、実際にレポートを操作できます
Infographic Designerとは?
Power BI Desktop上で「その他のビジュアル」からダウンロードできます!
要はアドインです!
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-23.png)
次に開く画面で「INFO」と検索すると出てきます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-24-644x420.png)
そして、こちらでダウンロードします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-25.png)
「追加する」をクリックしたら、レビュー画面でこちらをご確認ください
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-26.png)
元データ
元データは下の画像のデータになります
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-27.png)
このデータをPower BI Desktopに取り込んだ上で2種類のグラフを作成します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-28-644x357.png)
左側のグラフの作成
男女別の形の選択
Infographic designerをクリックしてビジュアルをページに挿入します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-29-644x296.png)
ビジュアルを挿入したら次のようにデータを配置します
・Category ⇒性別
・Measure ⇒売上金額
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-30.png)
次にこちらのマークをクリックします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/Edit-Link.gif)
これでMark Designerという画面が開きます
この画面で実際にグラフの形が設定できます
次に、
こちらのマークをクリックします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-31.png)
すると、別な画面が開きます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-32.png)
こちらの画面でフィル―ルドを選択します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-33.png)
すると、性別に「形」を選択できるようになります
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-34.png)
「形」は様々なものが選べます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-35.png)
今回は、Peopleから形を選びます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-36.png)
形を選択したら「Apply」することを忘れないようにしてください
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/apply.gif)
Applyで設定を完了したら「Back」で前画面に戻ります
テキストの作成
では、ここからはテキストを作成します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-37.png)
テキストを挿入するには「Mark Designer」の上の「Insert text」をクリックします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-38.png)
ここから、下の画像の「Text」の中身を設定します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-39.png)
「Text」の横のマーク「Data-Binding On」をクリックすると設定画面に移ります
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-40.png)
次の画面では「None」を他のフィールドに切り替えます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/Data-Binding.gif)
こちらでフィールドを設定し、Applyをクリックして設定を確定します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-41.png)
次に上の画像の「Back」で前の画面に戻ります
これで「Text」の中身が設定できたので、フォントサイズと位置を調整します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-42.png)
上の画像の調整ができたら完成です
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-43.png)
ちなみに「Text」の設定から「グラフ自体」の設定に戻すにはこちらを操作します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-44.png)
Mark Designerを消すには、右上の×印をクリックしてください
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-45.png)
右側のグラフの作成
メジャーの作成
左側のグラフの選択に応じて、性別の売上割合を算出するメジャーを作成します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-46-644x42.png)
DIVIDEを使い「選択された性別の売上/左側のグラフでの選択」を全売上で割ります
全売上は「ALL」を使い、選択が行われてもすべてを抽出するようにします
売上割合 = DIVIDE(sum(‘売上金額'[売上金額]),CALCULATE(SUM(‘売上金額'[売上金額]),ALL(‘売上金額’)))
割合を表示するための設定
左側の設定と同じく、Infographic designerを使用します
今回は、Measureに上で作成したメジャーを設定します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-47.png)
すると下の画像のように100%とだけ表示されます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-48.png)
次に左側のグラフと同様に、Edit LinkをクリックしてMark Designerを開きます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-49.png)
Mark Designerが開いたとしても、Textの設定になっているので「Insert shape」をクリックします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-50.png)
次に開いた画面でグラフの形を選択します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-51.png)
今回は割合を表示するので、Layoutをクリックします
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-52.png)
そして、Bound toの箇所をOuterに設定して前画面(Format)に戻ります
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-53.png)
Format画面で2つ設定を行います
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-54.png)
「Fill Percentage」の箇所でフィル―ルドを設定し、100の意味合いの「1」をofの隣に設定します
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/2c63c216d9fd9bb6666e4dc1d11d1e9c-1.gif)
これで色などを調整したら完成です
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-55.png)
ちなみにグラフの色は「値の出る場所」「出ない場所」に分けて設定できます
<まとめ>
今回は、アドイン機能の「Infographic designer」を使用して、内容に沿ったグラフの形を設定できるようにしました
全て英語なので、わかりずらい箇所もありますが、設定が必要な箇所はそんなにないはずです
X軸などの調整は他のビジュアルと同じ画面で設定することができます
![](https://analytic-vba.com/wp/wp-content/uploads/2022/11/image-56.png)