ColorInfo Visual Variable
The colorInfo visual variable defines how a continuous color ramp is applied to features based on the values of a numeric field attribute.
Referenced by: visualVariable
Properties
| Property | Details |
|---|---|
| field | Attribute field used for color rendering if no valueExpression is provided. |
| legendOptions | Options available for the legend for visual variables. See legendOptions properties table. |
| normalizationField | Attribute field used to normalize the data. |
| stops | An array of stop objects. |
| type | Specifies the type of visual variable. Value of this property must be colorInfo |
| valueExpression | An Arcade expression that computes a value in lieu of a value provided by an attribute field. |
| valueExpressionTitle | The title identifying and describing the associated Arcade expression as defined in the valueExpression property. |
legendOptions properties
| Property | Details |
|---|---|
| showLegend | Indicates whether to show the color/size/opacity ramp in the legend. |
| title | The title of the legend. |
colorInfo Example
Live sample web scene showing use of the colorInfo visual variable.
{
"visualVariables": [
{
"type": "colorInfo",
"field": "M086_07",
"stops": [
{
"value": -99,
"color": [
255,
252,
212,
255
],
"label": "< -99"
},
{
"value": 705950,
"color": [
177,
205,
194,
255
]
},
{
"value": 1411999,
"color": [
98,
158,
176,
255
],
"label": "1,411,999"
},
{
"value": 2578189,
"color": [
56,
98,
122,
255
]
},
{
"value": 3744380,
"color": [
13,
38,
68,
255
],
"label": "> 3,744,380"
}
]
}
]
}
constant colorInfo Example
visual Variable with constant color
{
"visualVariables": [
{
"type": "colorInfo",
"legendOptions": {
"title": "color"
},
"stops": [
{
"color": [
255,
0,
0,
255
]
}
]
}
]
}
Feedback on this topic?