XF.SvgChart.ShapeIcon

语法作用

根据expression参数的值的正负返回不同的上升或下降Icon，可用在矩阵/表格的条件格式图标中。

可选的Icon图标有：1：实心圆，2：空心圆，3，五角星，4：上下斜箭头，5：上下三角。

另外，颜色默认为：绿色：expression>0，红色：expression<0，黄色：expression=0。

XF.SvgChart.ShapeIcon(expression:scalar,icon:int64,size:int64)

函数代码

该函数的实现代码如下：

/// 根据expression参数的值的正负返回不同的上升或下降Icon，可用在矩阵/表格的条件格式图标中。可选的Icon图标有：1：实心圆，2：空心圆，3，五角星，4：上下斜箭头，5：上下三角。另外，颜色默认为：绿色：expression>0，红色：expression<0，黄色：expression=0
FUNCTION XF.SvgChart.ShapeIcon = (expression:scalar,icon:int64,size:int64) => 
    VAR CurVal = expression
    VAR Color_Green = "rgb(41, 175, 97)"
    VAR Color_Yellow = "rgb(255, 192, 0)"
    VAR Color_Red = "rgb(231, 76, 60)"
    VAR ShowColor = SWITCH(TRUE(),CurVal>0,Color_Green,CurVal<0,Color_Red,CurVal=0,Color_Yellow)
    VAR ShowIcon = 
        SWITCH(
            Icon,
            1,"●",
            2,"○",
            3,"★",
            4,SWITCH(TRUE(),CurVal>0,"↗",CurVal<0,"↘",CurVal=0,"-"),
            5,SWITCH(TRUE(),CurVal>0,"▲",CurVal<0,"▼",CurVal=0,"-"),
            ERROR("Icon图标参数错误，请选择以下图标：1：实心圆，2：空心圆，3，五角星，4：上下斜箭头，5：上下三角")
        )
    RETURN
    IF(NOT ISBLANK(CurVal),
        "data:image/svg+xml;utf8,
        <svg class='xifeng' xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='100'>
            <text x='50' y='50' font-size='"&size&"' fill='"&ShowColor&"' text-anchor='middle' dominant-baseline='central'>"&ShowIcon&"</text>
        </svg>"
    )

应用示例

该函数可使用在表格或矩阵的条件格式图标中，如下图所示：

所有Icon图标的样式如下，大小都可以自行调整：

另外，Icon图标的颜色是由第一参数的正负来决定的，所以如果只需要单个颜色的图标，那第一参数可以直接传入正负或零等整数，如下图所示：

最后，该函数生成的图标还可以用在其它支持SVG图像的视觉对象中，比如按钮切片器等，如下图所示：