Create radar chart in Canvas App

(0) Share

Report

Posted on by Nielf

306

I'm looking for some inspiration from you PowerAppers.

I'm trying to emulate a radar chart in a Canvas App. I know that it's not among the standard charts that are supported out of the box but I am hoping it is possible to achieve something similar using various properties and formulas.

Here's the radar chart in Excel:

My initial thought was to use a rectangle shape, rotate it 45° and then modify the X, Y, Height and Width properties based on the input fields. However, it doesn't seem to be possible to rotate a shape in PowerApps. Using an image file is not an option as well as the size will affect hwo the border shows.

I have tried using different shapes to emulate the series of a radar chart - but it is not really going to show the outliers and commonality as a real radar chart would do.

Do you have any ideas on how I can better emulate a radar chart in Canvas App than what I ahve already tried?

Categories:

Building Power Apps

I have the same question (0)

All responses (13)

Answers (1)

v-monli-msft on at

Like (0)

Report

Hi @NielsL,

All avaiable icons are shown in the Icons selection. Generally I think you requirement would need to be achieved by setting the X/Y property of the controls. If you need more available shapes, you will need to post an idea in the PowerApps Ideas forum, so it might be considered for future releases.

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

Regards,

Mona Li

Was this reply helpful? Yes No
JohnP 543 on at

Like (2)

Report

@NielsL

Some time ago I created a scatter chart in PowerApps using a gallery - it is used in a risk assessment application:
It works quite well (it supports different ball size and colors as well) and I also toyed with the idea of creating a radar chart to represent the data (comparing different datasets), but I could not see an easy solution. Plotting the datapoints is feasible, but I don't see a way to connect the datapoints with a line. If anyone have any idea it would be really interesting 🙂

Was this reply helpful? Yes No
Nielf 306 on at

Like (0)

Report

@JohnP,

Edit: I found the blog post where you were mentioned by name 🙂

That's awesome!

If you have time, could you share some information on how you created that scatter chart? By chance, it is actually the next thing on my list after the radar chart.

I've not found a viable solution for the radar chart but I'll keep trying.

Was this reply helpful? Yes No
Nielf 306 on at

Like (0)

Report

@JohnP,

But if have anything you could share from your solution, it would appreciated. I'm struggling a bit to get it working by reading the blog post.

Was this reply helpful? Yes No
JohnP 543 on at

Like (0)

Report

@NielsL

My starting point was this blog post (which was inspired by me):
https://blogs.msdn.microsoft.com/davidni/2017/05/25/scatter-plots-in-powerapps-using-a-gallery-control/

If you need further input just reply me here 🙂

Was this reply helpful? Yes No
Nielf 306 on at

Like (0)

Report

@JohnP,

I'm struggling a bit to get the the scatter chart working with a data source.

I'm trying to achive the same thing you did as I'm also going to use it for an assessment. Would you be able to share your file - or would you be able to shed some light on how you made it work?

Was this reply helpful? Yes No
JohnP 543 on at

Like (0)

Report

@NielsL

I cannot share the file as it's the property of our client, but I sent you a PM where we can discuss specifics about that project. This thread should be about the radar chart.

Was this reply helpful? Yes No
Verified answer

timl 36,415 Super User 2025 Season 2 on at

Like (0)

Report

Hi @NielsL

I realise this isn't an easy option, but if you can work out the lines and polygons that are required to build your radar chart, perhaps you could use the dynamic SVG technique to do this?
https://blogs.msdn.microsoft.com/davidni/2017/01/08/advanced-powerapps-visualizations-with-dynamic-svgs/

Was this reply helpful? Yes No
Eickhel 374 Most Valuable Professional on at

Like (0)

Report

Just keep in mind that the SVG approach only works when running the PowerApps from a browser. It doesn't work on the Windows 10 App for example.

Was this reply helpful? Yes No
Nielf 306 on at

Like (0)

Report

@Eickhel @timl ,

Thanks for your input. I'll take a look at it. However, I do think it's still a bit above my current PowerApps level of expertise to say the least.

It's definately moving from no-code to low-code 🙂

I also came across this post by Natraj Yegnaraman on bulding a Spirograph in PowerApps, which perhaps could be used.

Was this reply helpful? Yes No