cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
NielsL
Helper V
Helper V

Create radar chart in Canvas App

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:

Capture1.PNG

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. 

 

radar.gif

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

1 ACCEPTED SOLUTION

Accepted Solutions

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

View solution in original post

13 REPLIES 13
v-monli-msft
Community Support
Community Support

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

 

 

Capture.JPG

Regards,

Mona Li

Community Support Team _ Mona Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
JohnP
Kudo Kingpin
Kudo Kingpin

@NielsL

 

Some time ago I created a scatter chart in PowerApps using a gallery - it is used in a risk assessment application:

risk.jpg

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 🙂

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

 

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

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

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

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

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

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.

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (3,063)