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

Microsoft is giving away 50,000 FREE Microsoft Certification exam vouchers. Get Fabric certified for FREE! Learn more

Reply
Rygaard
Resolver I
Resolver I

Conditional Formatting Using Icons In Power BI - SVG NOT the build in icons

So your PR asked me to use corporate color palette for our power bi Embeded RED/Yellow/Green for a visaual representation of our items in stock.

 

I have tried a number of aproaches that i could not get to work

1) 

https://exceleratorbi.com.au/conditional-formatting-using-icons-in-power-bi/

No matter what i do i could not get it to show the new colours.

2)

https://www.youtube.com/watch?v=hxzeA6PDU4Y&t=91s

the nested IF did NOT work for me

 

Here is what did work

Icon Set Measure 3 = 
Var svgStart = "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 100 100'>"
var svgFinish = "</svg>"
// above is start and finish that is the same for ALL SVG graphics. they are in a VAR ONLY to make the SWITCH more readable 
var res= SWITCH (
    TRUE (),
         [##Sum_Stock] > SUM('RGS Item_Stock_sums'[IS_Stock_Tolerance]), svgStart & "<circle cx='50' cy='50' r='40'  stroke='#5D6E5A' stroke-width='4' fill='#5D6E5A' />" & svgFinish,
         [##Sum_Stock] > SUM('RGS Item_Stock_sums'[IS_Stock_Tolerance])/2, svgStart & "<circle cx='50' cy='50' r='40' stroke='#C49949' stroke-width='4' fill='#C49949' />"& svgFinish,
                                                                           svgStart &"<circle cx='50' cy='50' r='40' stroke='#814539' stroke-width='4' fill='#814539' />" & svgFinish
    
)
return res

 

To get this to work you need to do 3 things after makeing your new meassurement

1 ) set the datatype to Text

2) set the data category to Image URL

3) after you added it to your matrix, remember this is an image, so search for image size and resize it to 30 by 30

Rygaard_0-1678792826772.png

 

Now you can drag it into a matrix and use it like any other meassure.

 

 

you can also do other shapes.... you can even draw your own shapes in SWG and use that

 

0 REPLIES 0

Helpful resources

Announcements
March PBI video - carousel

Power BI Monthly Update - March 2025

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

March2025 Carousel

Fabric Community Update - March 2025

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

Top Solution Authors