How Signal Light flashing

[Amjad1002]

Hello Folks,

I am trying me make my report where signal light in Red flash. I checked some old posts but it is based on HTMl files I believe.

If anyone know how to set up blinking the signal light in red would be appreciated.

Thanks

[Greg_Deckler]

@Amjad1002 You can use SVG for that. SVG Animation - Bouncing/Blinking Stephen Few 'Red... - Microsoft Power BI Community

[Amjad1002]

Hi Greg,

I do not have xml, I am using database by using direct query.

Not sure if its still will on it?

[Greg_Deckler]

@Amjad1002 The measure returns the XML that describes the SVG graphic like a blinking dot. You set the measure to be an Image URL data category and it displays the image described. 

Use SVG Images in Power BI: Part 1 - DataVeld

[Amjad1002]

Do I need to 

Microsoft Hates Greg in extral tools?

[Amjad1002]

Hi Greg,

I am on halfway through and I am following your code. I am getting blinks just woundering if I do not have target =100 and If I have target such as >1250 how can that will work? I tried with >1250 in taget but its not working but when I do target 100 then it work.

[Greg_Deckler]

@Amjad1002 So I typically control that with a Flag measure or something similar. So you create a Flag measure like:

Flag = if (sum(Sales[Sales])<[Target],1,0)

Or perhaps in your case something like:

Flag = if (sum(Sales[Sales]) > 1200,1,0)

Then this part of the SVG measure controls whether the graphic is displayed or not:

RETURN IF([Flag],__header & __shapeTextCircle & __footer,"")

So if the Flag is 1 then you display the image, otherwise just return BLANK or an empty string ""

[Amjad1002]

RETURN IF([Flag],__header & __shapeTextCircle & __footer,"")

Instead of empty I want to show Green circle without flasing. 

is that possible ?

[Greg_Deckler]

@Amjad1002 Sure:

Blink = 
VAR __color = "Red"
VAR __color1 = "Green"
VAR __lineColor = "Black"
VAR __lineThickness = 1
VAR __radius = 9
VAR __opacity = 1
VAR __rand = RAND()
VAR __header = "data:image/svg+xml;utf8," &
              "<svg 
                xmlns:dc='http://purl.org/dc/elements/1.1/'
                xmlns:cc='http://creativecommons.org/ns#'
                xmlns:svg='http://www.w3.org/2000/svg'
                xmlns='http://www.w3.org/2000/svg'
                width='100%' height='100%'>"
VAR __footer = "</svg>"
VAR __shapeTextCircle = "<circle cx='10' cy='20' r='" & __radius & "' fill='" & __color & "' fill-opacity='" & __opacity & "' stroke='" & __lineColor & "' stroke-width='" & __lineThickness & "'> " & "<animate attributeName='opacity' from='1' to='0' dur='1s' begin='0s' repeatCount='indefinite'/></circle>"
VAR __shapeTextCircle1 = "<circle cx='10' cy='20' r='" & __radius & "' fill='" & __color1 & "' fill-opacity='" & __opacity & "' stroke='" & __lineColor & "' stroke-width='" & __lineThickness & "'> "
RETURN IF([Flag],__header & __shapeTextCircle & __footer,__header & __shapeTextCircle1 & __footer)

[Amjad1002]

It did not work,

[Greg_Deckler]

@Amjad1002 Remember, posting to the forums munges the HTML/XML. NOTE: In the __header VAR, you need to change the : to an actual colon ( : )

[Amjad1002]

I adjusted the colon code but I am still not getting green stable traffic light. I can see red traffic light is bliking with new code. I am attached new code screenshot as well.