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

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
Haidannx
Helper I
Helper I

Formatting Arrow in Card

Hello,

 

So i have a Single Value Card like below

I`d like to add a Green Arrow Up/ Red Arrow Down depends on the results of another DAX measure:

Measure = 

[Transaction from Yesterday] - [Transaction from the day before yesterday]
if the result >0 then there will be a Green Arrow Up stading next to the indicator and vice versa.
 
1.PNG
 
Anyone how can i achieved that ?
Many thanks
2 ACCEPTED SOLUTIONS
PaulDBrown
Community Champion
Community Champion

@Haidannx 

 

If you want to set it up yourself, you can follow these steps:

1) Create a new measure for the arrow based on the measure it refers to:

 

Arrow = IF([% Forecast vs Target]>0; 
            UNICHAR(11014); 
            UNICHAR(11015))

 

2) Create a conditional formatting measure to return green or red:

 

Arrow Condit Format = IF([% Forecast vs Target]>0; 2; 1)

 

3) Create a new card visual and use the measure for the arrow as your value:

Arrow card.JPG

 

4) Go to the formatting options for the visual and under "Data Label" select the elipsis to access conditional formatting options:

Formatting.jpg

5) Select the measure you have created for the conditional formatting and set the parameters.

Condit format UI.JPG6) Drag the arrow visual on top of the value card visual. Select the arrow visual, go to Format and choose "Bring to front":

2020-02-13 (2).png

 

7) (Optional) Select both card visuals by ctrl + clicking on each, right-click and select "Group".

2020-02-13 (3).png

 

and you will get this result:

Result.jpg

You can of course use the conditional formatting measure to format other elements in the card visual:

Result all.jpg

 





Did I answer your question? Mark my post as a solution!
In doing so, you are also helping me. Thank you!

Proud to be a Super User!
Paul on Linkedin.






View solution in original post

v-xuding-msft
Community Support
Community Support

Hi @Haidannx ,

You could reference my sample to have a try.

Measure = IF([Diff] >= 0, [Diff] & "⇧", [Diff] & "⇩")

Measure 2 = IF([Diff]>=0, "green","Red")

1.gif

Please see the attachment for more details.

 

Best Regards,

Xue Ding

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Best Regards,
Xue Ding
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

5 REPLIES 5
v-xuding-msft
Community Support
Community Support

Hi @Haidannx ,

You could reference my sample to have a try.

Measure = IF([Diff] >= 0, [Diff] & "⇧", [Diff] & "⇩")

Measure 2 = IF([Diff]>=0, "green","Red")

1.gif

Please see the attachment for more details.

 

Best Regards,

Xue Ding

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Best Regards,
Xue Ding
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
PaulDBrown
Community Champion
Community Champion

@Haidannx 

 

If you want to set it up yourself, you can follow these steps:

1) Create a new measure for the arrow based on the measure it refers to:

 

Arrow = IF([% Forecast vs Target]>0; 
            UNICHAR(11014); 
            UNICHAR(11015))

 

2) Create a conditional formatting measure to return green or red:

 

Arrow Condit Format = IF([% Forecast vs Target]>0; 2; 1)

 

3) Create a new card visual and use the measure for the arrow as your value:

Arrow card.JPG

 

4) Go to the formatting options for the visual and under "Data Label" select the elipsis to access conditional formatting options:

Formatting.jpg

5) Select the measure you have created for the conditional formatting and set the parameters.

Condit format UI.JPG6) Drag the arrow visual on top of the value card visual. Select the arrow visual, go to Format and choose "Bring to front":

2020-02-13 (2).png

 

7) (Optional) Select both card visuals by ctrl + clicking on each, right-click and select "Group".

2020-02-13 (3).png

 

and you will get this result:

Result.jpg

You can of course use the conditional formatting measure to format other elements in the card visual:

Result all.jpg

 





Did I answer your question? Mark my post as a solution!
In doing so, you are also helping me. Thank you!

Proud to be a Super User!
Paul on Linkedin.






OMG

Many thanks 🙂

Tahreem24
Super User
Super User

@Haidannx ,

 

You can also use KPI card from visualization pane and enter relevent fields to get the result.

1.JPG

Don't forget to give thumbs up 👍and accept this as a solution if it helped you.

Don't forget to give thumbs up and accept this as a solution if it helped you!!!

Please take a quick glance at newly created dashboards : Restaurant Management Dashboard , HR Analytics Report , Hotel Management Report, Sales Analysis Report , Fortune 500 Companies Analysis , Revenue Tracking Dashboard
wzkoral
Advocate II
Advocate II

Hi
1. Get from market place custom visual : Infographic Designer
2. Make to visual dependend on tha same valueu and group them just like that
https://www.youtube.com/watch?v=zHzSBNES6jE

 

Ps. Please mark this as solution if this help you

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

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