Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Radar Chart

    Radar Chart

    12-27-2020 16:42 PM - last edited 12-27-2020 19:02 PM

    JorgeLopez
    Regular Visitor
    2512 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    JorgeLopez
    JorgeLopez
    Regular Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Radar Chart

    ‎12-27-2020 04:42 PM

    Radar Chart

    Eight vertex Radar chart ready to be used.

    Import it to your project and use following variables :

     

    -LabelA - thru LabelH, to give name to each vertex

    -ValueA - thru ValueH, to enter the values. Use values from 0 to 5

    -FillColor - to enter the colour of the shadow zone.

     

    For more charts, visit https://firstcodeguide.com/componentes/

    Preview file
    33 KB
    Componente Radar.msapp
    Labels:
    • Labels:
    • Components
    • Radar
    Message 1 of 12
    2,512 Views
    2 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
    • Next »
    StephenGW
    StephenGW Post Patron
    Post Patron
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-15-2021 01:32 PM

    @JorgeLopez 

     

    What would it take to make this a 5 vertex chart? I need one that is a pentagon but I could not figure out how to modify your to make it 5 vertex?

     

    Thanks,

    SG

    Message 2 of 12
    1,821 Views
    0 Kudos
    Reply
    JorgeLopez
    JorgeLopez
    Regular Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-20-2021 03:10 PM

    Hello Stephen,  I'm attaching to this message the pentagon radar.  I hope you find it useful.

    It is not possible to modify the octagon radar to convert it to a pentagon, the only way to do it is creating a new SVG image.

    The good news is that it's already done.

    If you are interested in how to build the SVG... let me know. I can give you some hints.

     

    Best Regards,

     

    Jorge

    Pentagon Radar.msapp
    Message 3 of 12
    1,760 Views
    1 Kudo
    Reply
    StephenGW
    StephenGW Post Patron
    Post Patron
    In response to JorgeLopez
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-21-2021 04:56 AM

    @JorgeLopez 

     

    That is perfect! I will continue to try and learn more about the SVG and if I get stuck I will reach out to you on here!

     

    Thank you for the quick and accurate response!

    Message 4 of 12
    1,745 Views
    0 Kudos
    Reply
    JorgeLopez
    JorgeLopez
    Regular Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-21-2021 07:24 PM

    Hello Stephen,

     

    Pls check this last version. I added a new variable to set up the max value.

     

    Pls let me know your comments.

     

    Best Regards,

     

    Jorge

     

    Pentagon Radar V2.msapp
    Message 5 of 12
    1,731 Views
    1 Kudo
    Reply
    StephenGW
    StephenGW Post Patron
    Post Patron
    In response to JorgeLopez
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-22-2021 05:03 AM

    @JorgeLopez 

     

    That is so close. The only problem now is there are too many layers. I need 0, 5, 10, 15, and 20 so only 5 layers where this one has 6 layers so it goes 0, 4, 8, 12, 16, and 20. Any chance one layer can be removed?

     

    Thank you for your quick and great responses!

    Message 6 of 12
    1,721 Views
    0 Kudos
    Reply
    StephenGW
    StephenGW Post Patron
    Post Patron
    In response to JorgeLopez
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-27-2021 07:04 AM

    @JorgeLopez 

     

    On top of the request for one less layer above I also seem to be having a problem with sizing the chart. I have tried to resize it in the SVG code in the component using the height and width. I have tried resizing it in the component using the size boxes in power apps. Finally I have tried resizing it in the app when it's inserted and it always reverts back to full size when I save and re open the app. Do you have any ideas why this is happening?

     

    Thanks

    Message 7 of 12
    1,693 Views
    0 Kudos
    Reply
    cmaugino
    cmaugino
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-31-2022 04:49 AM

    Hi Jorge,

    Thanks a lot for this. It's almost what I need. I'm trying to convert the radar to a dodecagon (12 sides instead of 8). Modifying the SVG to make it 12 sided is easy-ish thanks to other sites (Coordinates of the vertices of a regular polygon with calculator (mathopenref.com)) My main challenge is now to plot the data. In your below code, how did you come up with 3.1 and 7.54?

    (34.2 + (3.1 * (5 - RadarGraph.ValueA))),
    "[$-es]#.##"
    ) & "," & Text(
    (87.4 - (7.54*(5 - RadarGraph.ValueA))),
    "[$-es]#.##"
    )

    Thanks in advance.

    Chris

    Message 8 of 12
    1,238 Views
    0 Kudos
    Reply
    JorgeLopezFCG
    JorgeLopezFCG
    Regular Visitor
    In response to cmaugino
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-10-2022 06:46 PM

    Hello Chris,

    I designed a guide to better understand what those numbers are. Please see attached PDF.

    Also I  built a 12 side version of the Radar with an improved code ( I believe it will be easier to understand).

    I´m attaching both files here but they are also available in my site https://firstcodeguide.com

     

    Please let me know your comments,

     

    Jorge

     

    12 sided Radar v4 code explained final Black Background.msapp
    Create your own Radar graph for PowerApps.zip
    Message 9 of 12
    1,174 Views
    0 Kudos
    Reply
    mkusler
    Super User mkusler
    Super User
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎07-14-2022 10:47 PM

    @JorgeLopezFCG 

     

    Your Pentagon Radar V2 component is awesome. Any change you have one that has 6 vertices, but functions just like the Pentagon Radar V2?

     

    Thanks!

    Message 10 of 12
    812 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
    • Next »

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices