本质上是针对表格或矩阵的迷你图增加动画效果,圆点变化的度量值如下:
代码语言:javascript复制接着奏乐 =
"data:image/svg xml;utf8,"&"
<svg xmlns='http://www.w3.org/2000/svg' height='100' width='100'>
<circle cx='50' cy='50' r='40' fill='"&IF(RANDBETWEEN(1,2)=1,"Darkcyan","Tomato")&"'>
<animate attributeName='r' from='"&RANDBETWEEN(0,35)&"' to='40' begin='0s' dur='"&RANDBETWEEN(30,50)/32&"s' repeatCount='indefinite'/>
</circle>
</svg> "
标记为图像URL放入任何矩阵中即可。颜色随机变化,对圆的半径使用animate增加动画,半径的大小也随机分布。
下方的舞动柱形原理类似,准备一个虚拟表,1-1000的索引,加个随机列控制柱形的长度。
度量值如下,因长宽比问题,放入矩阵不佳,可以使用Image by CloudScope这个视觉对象展示。
代码语言:javascript复制接着舞 =
VAR MaxValue =MAXX('Table',[Value1])
VAR BarTable=
ADDCOLUMNS('Table',
"Rect", "<rect x='"& ([Value] - 1 ) * 1 &"' y='"&60-60*[Value1] / MaxValue&"' height='" & 60*[Value1]/ MaxValue & "' width='2.2' fill='DarkCyan'>
<animate id='w1' attributeName='y' from='"& 60-60*[Value1] / MaxValue&"' to='60' begin='0s' dur='"&RANDBETWEEN(1,3) &"s' repeatCount='indefinite'/>
</rect>")
Return
"data:image/svg xml;utf8,"&"
<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='60'> "&
CONCATENATEX(BarTable,[Rect])&"
</svg> "
动图展示如下: