6
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Power BI Tips - 値によって画像を変更する

Last updated at Posted at 2019-07-20

概要

Power BIでレポートを作成する際に、画像で表現したいって思って、
試行錯誤した結果の話。

やりたいこと

温度センサーの値によって、表示する画像を変えたい。
例えば以下のような感じ。

やりたいこと.png

方法

カスタムビジュアルの「Infographic Designer」を使います。

カスタムビジュアルのインポート

Power BIを起動し、視覚化ペインから「Marketplaceからインポートする」を選びます。
カスタムビジュアルImport_001.png

インフォグラフィックのInfographic Designerを選択します。
カスタムビジュアルImport_002.png

インポートが完了すると、以下のダイアログが表示されます。OKをクリック。
カスタムビジュアルImport_003.png

データ

今回は以下のようなデータを想定します。
image.png

カスタムビジュアルの設定

①Infografic Designerを配置します。
②Measureにデータセットの温度を設定します。
カスタムビジュアルImport_004.png

③そのままだと作業がしづらいので、配置したInfografic Designerのビジュアルヘッダーにある四角いアイコンをクリックし、フォーカスモードに移ります。
 image.png

④右側に出てくる鉛筆マーク(Edit mark)をクリックします。
カスタムビジュアルImport_006.png

⑤Mark Designerが表示されます。
image.png

⑥最初はテキストが表示されているので、ゴミ箱ボタンをクリックし、削除します。
image.png

⑦次に画像を登録します。イメージボタンをクリックし、その後Uploadボタンをクリックして、画像を選択します。
image.png

⑧アップロードした画像のうち、一つを選択します。
image.png

⑨以下のような画面になります。ここからはFormatを変更していきます。
image.png

⑩「Keep Ratio」をオンにして、画像の縦横比が保持されるようにします。
image.png

⑪Dataの横のマークをクリックします
image.png

⑫Data-Binding Fieldをnoneから温度(measure)に変更します。
image.png

⑬次にadd split pointをクリックして、画像が変わる分岐点を入力します。
 今回は15度と28度の2個を登録しました。
image.png

⑭それぞれの分岐点の間で表示する画像を選択します。
image.png

⑮これで設定は完了。Applyボタンをクリックします。
image.png

⑯Mark Designerを閉じます。
image.png

⑯レポートに戻るをクリックして、レポート表示に戻ります。
image.png

値を更新して、画像が変わることを確認します。
image.png

最後に

Infografic Designerは、設定がすこーしややこしいですが、
ちょっと凝ったレポート作るのに、めちゃめちゃいい感じです。
自分も頑張って使いこなせるようになろう(汗)。

6
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?