Adjusting Graduated Symbols by Scale (API 4.x)

MatthewWoodland — Mon, 08 Aug 2022 16:08:14 GMT

Hi,

I've been trying to create an HTML document that can display my ArcGIS Online map. Everything has gone well so far and I've been using other Esri resources to answer any questions I might have.

The map displays graduated symbols (I've created 5 classes - I will attach a screenshot of the legend). Each country displays a certain number ("Distinct Count of Usernames" in this case) and then the corresponding symbol. At the starting scale they all look appropriately sized. However, as you zoom in, the small classes become incredibly difficult to see and click.

I've been looking around and trying new solutions/ideas for a few days now and ended up finding these:

https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/how-and-why-to-adjust-size-by-scale-in-web-maps/

https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-SizeVariable.html

I've read through these and been using their ideas, unfortunately, the symbols are still not changing size.

Here is the script:

They still remain fixed at the same size, no matter the scale.

Here is the screenshot of the legend:

Note: I used 42 as my minimum because all countries with that value or less will display the same symbol. Same idea with 763 as my maximum.

I'd appreciate any help on this!

Thanks,

Matthew

Re: Adjusting Graduated Symbols by Scale (API 4.x)

KristianEkenes — Mon, 01 Aug 2022 21:38:18 GMT

Hey Matthew,

I don't believe this will work when you classify data using size. I could be wrong, so I would need to try it. The examples in the blogs only use continuous size (no class breaks).

topic Re: Adjusting Graduated Symbols by Scale (API 4.x) in ArcGIS JavaScript Maps SDK Questions

Adjusting Graduated Symbols by Scale (API 4.x)

Re: Adjusting Graduated Symbols by Scale (API 4.x)