cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
barbossa_94
Frequent Visitor

Change Exisiting Radar Chart Component

Hi guys, 

i found this pentagon radar chart component online. It displays the values 0-5 as the max range, but I would need my radar chart to go from 0 - 100 (its a score in percentage). How can I remove those numbers displayed and set the max value to 100? its mainly about removing the visible numbers. I could do the math to change my max from 100 to 5. 

Help would be appreciated.

 

The component file is attached as well.

 

"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='560' width='588' 
viewBox='-5-10 100 120' preserveAspectRatio='xMinYMin meet'%3E%3Cline x1='50' y1='50' x2='90.45' y2='79.38' style='stroke:rgb(128,128,128);
stroke-width:0.2'/%3E%3Cline x1='50' y1='50' x2='34.54' y2='97.55' style='stroke:rgb(128,128,128);
stroke-width:0.2'/%3E%3Cline x1='50' y1='50' x2='90.45' y2='20.61' style='stroke:rgb(128,128,128);
stroke-width:0.2'/%3E%3Cline x1='50' y1='50' x2='0' y2='50' style='stroke:rgb(128,128,128);
stroke-width:0.2'/%3E%3Cline x1='50' y1='50' x2='34.54' y2='2.44' style='stroke:rgb(128,128,128);
stroke-width:0.2'/%3E/%3E%3Cpolygon points='90.45,79.38 34.54,97.55 0.5,50 34.54915028125262,2.447174185242325 90.45084971874736,20.610737385376332' fill='white' fill-opacity='0.3' stroke='Gray' 
stroke-width='0.2'/%3E /%3E%3Cpolygon points='82.36067977499789,73.51141009169893 37.63932022500211,88.04226065180615 10.4,50.00000000000001 37.639320225002095,11.957739348193861 82.36067977499789,26.488589908301066' fill='white' fill-opacity='0.3' stroke='Gray' 
stroke-width='0.2'/%3E /%3E%3Cpolygon points='74.27050983124843,67.6335575687742 40.72949016875158,78.53169548885461 20.4,50.00000000000001 40.729490168751575,21.468304511145394 74.27050983124842,32.3664424312258' fill='white' fill-opacity='0.3' stroke='Gray' stroke-width='0.2' /%3E /%3E%3Cpolygon points='66.18033988749895,61.75570504584947 43.819660112501055,69.02113032590307 30.4,50 43.81966011250105,30.97886967409693 66.18033988749895,38.24429495415053' fill='white' fill-opacity='0.3' stroke='Gray' stroke-width='0.2' /%3E /%3E%3Cpolygon points='58.09016994374947,55.877852522924734 46.90983005625053,59.510565162951536 40.4,50 46.90983005625053,40.489434837048464 58.09016994374947,44.122147477075266' fill='white' fill-opacity='0' stroke='Gray' stroke-width='0.2' /%3E  /%3E%3Cpolygon points='" & Text(
    (90,45 - (8,09 * (5 - RadarGraphPentagon.ValueA)));
    "[$-es]#.##"
) & "," & Text(
    (79,38 - (5,87 *(5 - RadarGraphPentagon.ValueA)));
    "[$-es]#.##"
) & " " & Text(
    (34,54 + (3,09 * (5 - RadarGraphPentagon.ValueB)));
    "[$-es]#.##"
) & "," & Text(
    (97,55 - (9,51 *(5 - RadarGraphPentagon.ValueB)));
    "[$-es]#.##"
) & " " & Text(
    (0 + (10 * (5,05 - RadarGraphPentagon.ValueC)));
    "[$-es]#.##"
) & "," & Text(
    (50 );
    "[$-es]#.##"
) & " " & Text(
    (34,54 + (3,09 * (5 - RadarGraphPentagon.ValueD)));
    "[$-es]#.##"
) & "," & Text(
    (2,44 + (9,51*(5 - RadarGraphPentagon.ValueD)));
    "[$-es]#.##"
) & " " & Text(
    (90,45 - (8,09 * (5 - RadarGraphPentagon.ValueE)));
    "[$-es]#.##"
) & "," & Text(
    (20,61 + (5,87*(5 - RadarGraphPentagon.ValueE)));
    "[$-es]#.##"
) &  " ' fill='"&RadarGraphPentagon.RadarFillColor&"' fill-opacity='0.3' stroke='Black' stroke-width='0.4'/%3E% %3Ctext x='-80' y='115' font-family='sans-serif' font-size='3px' fill='Black' transform='translate (-20,20) rotate(-90)'%3E"&RadarGraphPentagon.LabelA&"%3C/text%3E  %3Ctext x='-90' y='60' font-family='sans-serif' font-size='3px' fill='Black' transform='translate (-20,20) rotate(-90)'%3E"&RadarGraphPentagon.LabelB&"%3C/text%3E %3Ctext x='0' y='50' font-family='sans-serif' font-size='3px' fill='Black' transform='translate (-47,47) rotate(-90)' %3E"&RadarGraphPentagon.LabelC&"%3C/text%3E %3Ctext x='18' y='60' font-family='sans-serif' font-size='3px' fill='Black' transform='translate (-20,20) rotate(-90)'%3E"&RadarGraphPentagon.LabelD&"%3C/text%3E %3Ctext x='6' y='115' font-family='sans-serif' font-size='3px' fill='Black' transform='translate (-20,20) rotate(-90)'%3E"&RadarGraphPentagon.LabelE&"%3C/text%3E   %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px' fill='Black' transform='translate (0,50) rotate(-90)'%3E0%3C/text%3E %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px' fill='Black' transform='translate (-17,50) rotate(-90)'%3E2%3C/text%3E %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px' fill='Black' transform='translate (-7,50) rotate(-90)'%3E1%3C/text%3E %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px' fill='Black' transform='translate (-27,50) rotate(-90)' %3E3%3C/text%3E %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px' fill='Black' transform='translate (-48,50) rotate(-90)' %3E5%3C/text%3E  %3Ctext x='0' y='50' font-family='sans-serif' font-size='4px'  fill='Black' transform='translate(-37,50) rotate(-90)' %3E4%3C/text%3E /%3E%3C/svg%3E	"

radar chart.PNG

0 REPLIES 0

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (2,744)