# new VisualVariable(options)

参数

示例

支持的视觉变量

1、color视觉变量
2、opactiy视觉变量
3、size视觉变量

多个视觉变量叠加

// 从图层上获取renderer
const renderer = layer.renderer
// 设置多个视觉变量。
// 需要注意相同视觉变量作用效果一致，按照加入顺序会覆盖前面的效果。
// 颜色视觉变量和透明度视觉变量同时作用时，需要将颜色视觉变量放于透明度视觉变量之前。
renderer.visualVariables = [
 {
        type: "color",
        valueExpression: "$feature.FID",
        stops: [
          {
            color: "#FFFCD4",
            value: 0,
          },
          {
            color: "#350242",
            value: 200,
          },
        ],
     },
     {
        type: "size",
        valueExpression: "$feature.FID",
        stops:[
          {
            size:5,
            value:0
          },
          {
            size:20,
            value:300
          }
        ]
     },
      {
        type: "opacity",
        valueExpression: "$feature.FID",
        stops: [
          {
            opacity: 0.2,
            value: 0,
          },
          {
            opacity: 1.0,
            value:300,
          }
        ],
      }
]