Create radar chart in Canvas App

[NielsL]

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?

[v-monli-msft]

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

[JohnP]

@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 🙂

[NielsL]

@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. 

[NielsL]

@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. 

[JohnP]

@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-contr...

If you need further input just reply me here 🙂

[NielsL]

@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? 

[JohnP]

@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.

[timl · Accepted solution]

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-s...

[Eickhel]

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.