Hi there,
I would like to implement a horizontal char in my power apps. I have been trying to implement this nice svg icon. I don't know much about SVG's but I would like to have sometime that fits accordingly in my image.size.
This is how the image looks like:
This is the image code:
"data:image/svg+xml;utf8, " & EncodeUrl(
"<svg width='150' height='80' viewBox='0 0 150 80' xmlns='http://www.w3.org/2000/svg'>"
&Concat(colPopDistribution,"<line x1='30' y1='"&No*12&"' x2='"&30+Value*170&"' y2='"&No*12&"' stroke='rgba(0,164,148,1)' stroke-width='7'>"
&"<animate attributeName='x2'
values='30; "&30+Value*170&"'
dur='1s'
repeatCount='1'
/>"
&"</line>"
&"<text x='"&35+Value*170&"' y='"&No*12+3&"' font-size='8' color='black' font-family='sans-serif'>"&Text(Value*100,"[$-en-US]0.0%")
&"
<animate attributeName='x'
values='35; "&35+Value*170&"'
dur='1s'
repeatCount='1'
/>"
&"<animate attributeName='opacity'
values='0;0;1'
dur='1s'
repeatCount='1'
/>
</text>
<text x='0' y='"&No*12+3&"' font-size='8' color='black' font-family='sans-serif'>"&Category&"</text>"
)
//Refresher
&"<circle cx='500' cy='1000' r='3'/>"
&"</svg>"
)
An this is how I would like the image be:
Categories text alignment : right
and show all the percentages labels.
Thanks in advance for point me in the right direction
Regards
