Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
Anonymous
Not applicable

Synoptic Panel by OKviz - Conditional Formatting

Hi everyone,

 

I am trying to follow the official OKviz guide on setting the conditional formating for the visual: https://okviz.com/blog/states-in-custom-visuals/

 

However, am struggling with understanding all the steps.

 

Essentially, I would like to create a Green to Red gradient where the the target will be top value on the map, hence dynamically changing.

 

Screenshot_20211126-184815_Chrome.jpg

10% below highest value will be Green, 20% below will be Amber and anything below Red. 

 

Screenshot_20211126-185046_Chrome.jpg

 Is this something possible to create with the Synoptic Panel? If so, what would the best approach in setting up states and measures? 

 

Thank you in advance.

1 ACCEPTED SOLUTION
v-easonf-msft
Community Support
Community Support

Hi, @Anonymous 

If I understand you correctly, you can directly create three measures then apply them to the 'States' section of 'Fields' panel.

Good =0.9 * [heighest value]
Ok=0.8*[heighest value]
Poor=0*[heighest value]

Then need to set the 'Comparison' of 'State' section in ’Format‘ panel to '>='  and set the color of each state.

 

Best Regards,
Community Support Team _ Eason

View solution in original post

2 REPLIES 2
Anonymous
Not applicable

Hi @v-easonf-msft ,

 

That's exactly what I was looking for! Ended up being such a simple solution, thank you. 

 

Currently trying to figure out a way of using a slider to choose between two external .svg URL maps. Do you know any easy tips with this one?

 

Thanks

v-easonf-msft
Community Support
Community Support

Hi, @Anonymous 

If I understand you correctly, you can directly create three measures then apply them to the 'States' section of 'Fields' panel.

Good =0.9 * [heighest value]
Ok=0.8*[heighest value]
Poor=0*[heighest value]

Then need to set the 'Comparison' of 'State' section in ’Format‘ panel to '>='  and set the color of each state.

 

Best Regards,
Community Support Team _ Eason

Helpful resources

Announcements
July 2025 community update carousel

Fabric Community Update - July 2025

Find out what's new and trending in the Fabric community.

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.