在 Microsoft Powerapps 中为雷达图更改 SVG 中的多边形点

Changing polygon points in SVG for radar chart in Microsoft Powerapps

我正在 Microsoft Powerapps 中开发雷达图。当按下一个按钮时,图表必须改变。由于不支持雷达图,我使用 SVG 图像自己创建了一个。通过按下按钮,SVG 多边形点必须改变以匹配雷达图的水平。

不幸的是,我找不到将变量添加到多边形点的方法,这让我可以通过按下按钮来控制它。数据如下

data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1000' width='1000' %3E%3Cpolygon points='1000,500 933,250 750,67 500,0 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750' style='fill:orange;fill-opacity:0.9;stroke:black;stroke-width:1' /%3E%3C/svg%3E

有谁知道如何向其中一个多边形点添加变量?例如:

polygon points='1000,500 933,250 750,67 500,var1 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750

我试过这些选项:

polygon points='1000,500 933,250 750,67 500,"var1(Label1)" 250,67 67,250 0,500 67,750 250,933 500,1000 
  750,933 933,750

在此选项中,它让我 link 到变量 (Label1) 或按下的按钮,但图像的其余部分不再有效。我搜索了一些解决方案,发现您可以创建函数,但这在 PowerApps 中似乎不起作用。 9@function:你的函数在开头

谁能帮帮我?

由于 SVG 内容是字符串,您可以使用字符串连接(& operator, or the Concatenate function)。在您的情况下,如果该值位于名为 var 的变量中,您可以使用此表达式:

"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1000' width='1000' %3E%3Cpolygon points='1000,500 933,250 750,67 500," & var & " 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750' 样式='fill:orange;fill-opacity:0.9;stroke:black;stroke-width:1' /%3E%3C/svg%3E"

下面的屏幕截图显示了这个表达式的实际效果: