Tips - 값에 따라 이미지의 채우기 범위와 색상을 변경합니다.

개요



지난번 , Power BI에서 값에 따라 이미지가 변경되었지만,
Infographic Designer를 사용하면 이미지와 텍스트의 색상과 채우기 범위를 값에 따라 변경할 수도 있습니다.
그리고, 화상의 색을 바꿀 때에 여러가지 시행착오해 알았던 것의 비망록.

하고 싶은 일



습도의 값에 따라 화상의 색을 바꾸지만,
값에 의해 그려지는 범위도 바꾸고 싶다.


준비할 이미지



이번에는 습도 데이터를 사용하여 이미지의 색상을 변경하려고했습니다.
준비한 이미지가 여기.

■색이 바뀌는 곳의 화상(화상 1)
 이 이미지는 PNG 형식으로, 중간의 검은 곳 이외는 투명색으로되어 있습니다.
색을 검은색으로 두는 것이 Point입니다.


■색이 변하지 않는 곳의 화상(화상 2)
이 이미지도 PNG 형식으로 준비했습니다. 위 이미지의 윤곽입니다. 색깔 이외는 이쪽도 투명색으로 하고 있습니다.


Infographic Designer 설정



사용자 지정 비주얼을 가져오는 방법 등은 지난번 문서를 참조하십시오.

Mark Designer를 표시하여 위 이미지를 등록합니다.
※ 이미지 1 위에 이미지 2가 그려지도록 레이어를 설정하십시오.

화상 1의 설정을 실시합니다.
① Fill Percentage에 참조하는 데이터 계열(여기에서는 습도)을 설정합니다.
필요한 경우 Max Value의 텍스트 상자도 설정하십시오.


② Format의 Value Tint 풀다운 메뉴를 Custom Color로 설정합니다.


③Data-Binding을 실시합니다.
이번은 이런 느낌으로 값과 채우기의 색을 설정.
※데이터 계열은 퍼센트 표시 설정이므로 60%나 35%라고 하는 값이 들어가 있습니다만,
내용은 0~1이므로, split point의 값도 0~1로 기술하고 있습니다.


④ 값에 따라 채울 때의 방향을 설정합니다.
Fill Direction의 풀다운 메뉴에서 선택합니다. 이번에는 "Buttom to Top"설정


⑤ 마지막으로 값으로 채워지지 않는 영역의 색을 설정합니다.
  우선 Non-Value Tint를 On으로 합니다.
이번은, 백색으로 하고 싶기 때문에, 백색을 설정했습니다.


이것으로 설정이 완료됩니다.
※이번은 텍스트의 색을 바꾸는 방법은 쓰고 있지 않습니다. 이것은 나중에.

작성한 보고서



이런 식으로 값에 따라 이미지가 바뀌거나 이미지의 색상이 바뀝니다.




좋은 웹페이지 즐겨찾기