# new VisualVariable(options)
视觉变量基类
参数:
| 名称 | 类型 | 描述 |
|---|---|---|
options |
Object | 初始化参数 |
field |
String | 视觉变量字段 |
valueExpression |
String | 字段表达式 |
valueExpressionTitle |
String | 字段表达式标题 |
示例
支持的视觉变量
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,
}
],
}
]