I have a feature service I'm trying to symbolize in a web map. There are over 2,000 features in the service, but I'm using a field with a little over 200 categories for the symbology. I don't need a separate color for each of the 200 values - maybe 20 or so colors would be sufficient. Problem is, I don't want to have to create a renderer with 200 different symbologies, I would prefer to create a renderer with 20 different symbologies and use each for 10 different values. I was trying to do something like the following, but it wasn't working: var subdivisionRen = { type : "unique-value" , field : "Book" , defaultSymbol : { type : "simple-fill" } , uniqueValueInfos : [ { value : [ "1853" , "1863" , "1873" , "1883" , "1893" , "1903" , "1913" , "1923" , "1933" ] , symbol : { type : "simple-fill" , color : "blue" } } , { value : [ "1854" , "1864" , "1874" , "1884" , "1894" , "1904" , "1914" , "1924" , "1934" ] , symbol : { type : "simple-fill" , color : "green" } } , { value : [ "1855" , "1865" , "1875" , "1885" , "1895" , "1905" , "1915" , "1925" , "1935" ] , symbol : { type : "simple-fill" , color : "red" } } , { value : [ "1856" , "1866" , "1876" , "1886" , "1896" , "1906" , "1916" , "1926" , "1936" ] , symbol : { type : "simple-fill" , color : "yellow" } } ] } ; And so on, with 20 symbols containing 10 values each. I don't know if it's not possible to have a list for value, or if it is, if I have the syntax wrong, or what. But if anyone has any suggestions I'm all ears.

Hello John, You can use an Arcade Expression for the 'valueExpression' property of the UniqueValueRenderer. Here is some sample code of an example using state names. I only added a few, but you can get the idea with just a few states. You can use the When logical operation in Arcade to add as many expressions until one evaluates to true. So, you can have certain values return a specific integer or string, and then use the uniqueValueInfos, to apply the symbol you like, based off what the values you choose to return. const name = "$feature.state_name" ; const uvr = { type : "unique-value" , valueExpression : ` When ( $ { name } == 'Hawaii' , 0 , $ { name } == 'Washington' , 0 , $ { name } == 'Montana' , 0 , $ { name } == 'North Dakota' , 0 , $ { name } == 'South Dakota' , 1 , $ { name } == 'Wyoming' , 1 , $ { name } == 'Wisconsin' , 1 , $ { name } == 'Oregon' , 2 , $ { name } == 'Texas' , 2 , $ { name } == 'Florida' , 2 , 3 ) ` , // when([expr1, result1, ...exprN, resultN], default) uniqueValueInfos : [ { value : "0" , symbol : sym0 } , { value : "1" , symbol : sym1 } , { value : "2" , symbol : sym2 } , { value : "3" , symbol : sym3 } ] } ; var featureLayer = new FeatureLayer ( { url : "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2" , renderer : uvr } ) ; Sample application: https://codepen.io/banuelosj/pen/OJMOMXw Regards, Jose

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to use multiple values for a single symbol in a unique value renderer?

Anonymous User

I have a feature service I'm trying to symbolize in a web map. There are over 2,000 features in the service, but I'm using a field with a little over 200 categories for the symbology. I don't need a separate color for each of the 200 values - maybe 20 or so colors would be sufficient. Problem is, I don't want to have to create a renderer with 200 different symbologies, I would prefer to create a renderer with 20 different symbologies and use each for 10 different values. I was trying to do something like the following, but it wasn't working:

	<SPAN class="keyword token">var</SPAN> subdivisionRen <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
		type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"unique-value"</SPAN><SPAN class="punctuation token">,</SPAN>
		field<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Book"</SPAN><SPAN class="punctuation token">,</SPAN>
		defaultSymbol<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
		uniqueValueInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN>
			value<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"1853"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1863"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1873"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1883"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1893"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1903"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1913"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1923"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1933"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
			symbol<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
				type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN><SPAN class="punctuation token">,</SPAN>
				color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"blue"</SPAN>
			<SPAN class="punctuation token">}</SPAN>
			<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
			value<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"1854"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1864"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1874"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1884"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1894"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1904"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1914"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1924"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1934"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
			symbol<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
				type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN><SPAN class="punctuation token">,</SPAN>
				color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"green"</SPAN>
			<SPAN class="punctuation token">}</SPAN>
			<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
			value<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"1855"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1865"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1875"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1885"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1895"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1905"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1915"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1925"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1935"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
			symbol<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
				type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN><SPAN class="punctuation token">,</SPAN>
				color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"red"</SPAN>
			<SPAN class="punctuation token">}</SPAN>
			<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
			value<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"1856"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1866"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1876"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1886"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1896"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1906"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1916"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1926"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"1936"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
			symbol<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
				type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN><SPAN class="punctuation token">,</SPAN>
				color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"yellow"</SPAN>
			<SPAN class="punctuation token">}</SPAN>
		<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN>
	<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

And so on, with 20 symbols containing 10 values each. I don't know if it's not possible to have a list for value, or if it is, if I have the syntax wrong, or what. But if anyone has any suggestions I'm all ears.

Encuentra más publicaciones etiquetadas con

Accepted answers

JoseBanuelos

Hello John,

You can use an Arcade Expression for the 'valueExpression' property of the UniqueValueRenderer. Here is some sample code of an example using state names. I only added a few, but you can get the idea with just a few states. You can use the When logical operation in Arcade to add as many expressions until one evaluates to true. So, you can have certain values return a specific integer or string, and then use the uniqueValueInfos, to apply the symbol you like, based off what the values you choose to return.

<SPAN class="keyword token">const</SPAN> name <SPAN class="operator token">=</SPAN> <SPAN class="string token">"$feature.state_name"</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">const</SPAN> uvr <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
   type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"unique-value"</SPAN><SPAN class="punctuation token">,</SPAN>
   valueExpression<SPAN class="punctuation token">:</SPAN> `<SPAN class="token function">When</SPAN><SPAN class="punctuation token">(</SPAN>$<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Hawaii'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Washington'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Montana'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'North Dakota'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'South Dakota'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Wyoming'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Wisconsin'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Oregon'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Texas'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Florida'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN>  <SPAN class="number token">3</SPAN><SPAN class="punctuation token">)</SPAN>`<SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// when([expr1, result1, ...exprN, resultN], default)</SPAN>
   uniqueValueInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
   <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"0"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym0  
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"1"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym1 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"2"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym2 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"3"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym3 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN>        
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

<SPAN class="keyword token">var</SPAN> featureLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>         
   url<SPAN class="punctuation token">:</SPAN><SPAN class="string token">"https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2"</SPAN><SPAN class="punctuation token">,</SPAN>
   renderer<SPAN class="punctuation token">:</SPAN> uvr
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Sample application:

https://codepen.io/banuelosj/pen/OJMOMXw

Regards,

Jose

All comments

IhabHassan

Hi John
There might be an easier way to do this, by adding the layer to a web map in Portal or ArcGIS Online, then use the out of the box features in the map viewer to change the layer symbology, this will be from the "Change Style" panel. Once the layer is saved in a web map, then you can use the web map in your application without the need the handcraft the symbology.

I hope this would help

Regards
Ihab

Anonymous User

Thanks. Yes, I'm aware you can do that, but we were wanting the symbology to be made on the client side, which is why I'm trying to do it here instead of in Portal.

JoseBanuelos

Hello John,

<SPAN class="keyword token">const</SPAN> name <SPAN class="operator token">=</SPAN> <SPAN class="string token">"$feature.state_name"</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">const</SPAN> uvr <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
   type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"unique-value"</SPAN><SPAN class="punctuation token">,</SPAN>
   valueExpression<SPAN class="punctuation token">:</SPAN> `<SPAN class="token function">When</SPAN><SPAN class="punctuation token">(</SPAN>$<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Hawaii'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Washington'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Montana'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'North Dakota'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'South Dakota'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Wyoming'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Wisconsin'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Oregon'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Texas'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN> $<SPAN class="punctuation token">{</SPAN>name<SPAN class="punctuation token">}</SPAN> <SPAN class="operator token">==</SPAN> <SPAN class="string token">'Florida'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">,</SPAN>  <SPAN class="number token">3</SPAN><SPAN class="punctuation token">)</SPAN>`<SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// when([expr1, result1, ...exprN, resultN], default)</SPAN>
   uniqueValueInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
   <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"0"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym0  
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"1"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym1 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"2"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym2 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
     value<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"3"</SPAN><SPAN class="punctuation token">,</SPAN>
     symbol<SPAN class="punctuation token">:</SPAN> sym3 
   <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN>        
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

<SPAN class="keyword token">var</SPAN> featureLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>         
   url<SPAN class="punctuation token">:</SPAN><SPAN class="string token">"https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2"</SPAN><SPAN class="punctuation token">,</SPAN>
   renderer<SPAN class="punctuation token">:</SPAN> uvr
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Sample application:

https://codepen.io/banuelosj/pen/OJMOMXw

Regards,

Jose

Anonymous User

Thanks, that was less than ideal, but good enough. I ended up grabbing the last digit of my Book field. Like this:

<SPAN style="color: #000000;">valueExpression</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">:</SPAN><SPAN style="color: #000000;"> `</SPAN><SPAN class="" style="color: #d74444; border: 0px; font-weight: inherit;">When</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">(</SPAN><SPAN style="color: #000000;">$</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">{Book</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">}[3]</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">==</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'0'</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">,</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN class="" style="color: #990000; border: 0px; font-weight: inherit;">0</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">,</SPAN><SPAN style="color: #000000;"> $</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">{Book</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">}[3]</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">==</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'1'</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">,</SPAN><SPAN style="color: #000000;"> </SPAN><SPAN style="color: #990000;">1</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">, 0)' //and so on</SPAN>

And then making 10 color/symbol categories instead of 20.

pslgisAdmin

Hi Jose,

Realize this post is a long time ago. I'm trying to duplicate what I've done in a WPF app using Esri.ArcGISRuntime.WPF. I have an address layer that i need to symbolize by different values in multiple fields. I create queries and select by the desired fields. Then i add each point as a graphic with the desired symbology.

I'm hoping that i can use Arcade to set symbols for addresses based on different fields. I'm going to try this but I thought I'd reach out to see if there is a better way.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.