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; } } }

Legend Values for Unclassed Symbology

JohnMax

I have a polygon layer with unclassed colors symbology that is showing a range of values in the legend from -9223372036854776000 - 9223372036854776000. How can I hide or change this in the legend? I only really want to show the color ramp or the actual data range of -99 to 17,200. Thanks.

Najděte více příspěvků označených jako

Accepted answers

Sage_Wall

Thanks @JohnMax . It looks like you are using the renderer as it was defined when publishing the service. Likely the easiest and most permanent way would be to modify the symbology for the layer in the original ArcGIS Pro project and republish the service. If that's not possible you can set your own renderer for the layer in the app code. In this codepen I set two stops one at -99 and the other at 17,200 and set the label to "Parcel" for a simple renderer with a color visual variable.

https://codepen.io/sagewall/pen/jOXVyNN

Another sample showing basically the same thing:

https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/

Hope this helps 😀

All comments

JohnMax

I'm no expert, but this sample code helped me a lot.

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=visualization-vv-color

In the sample you define the symbology in a constant called renderer. Then you add the it to the feature layer using renderer: renderer. In this way you can control the legend text using the label: properties in the code.

Joe1

I am having the same exact issue however I don't have an understanding of the coding side of GIS. Could I get a step-by-step instruction on how to fix the problem.

I am using unclassed colors to symbolize a set of polygons by a range of numerical values and for some reason in my webmap legend I am getting an output of those numbers (-9223372036854776000 - 9223372036854776000)

JohnMax

Thank you!! There was no way I could see to change the symbology of the service that would change the values in the legend. This is exactly what I needed. 🙂

Sage_Wall

https://codepen.io/sagewall/pen/jOXVyNN

Another sample showing basically the same thing:

https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/

Hope this helps 😀

JohnMax

Here is some sample code:

<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>
ArcGIS Maps SDK for JavaScript 4.27
</title>

const view = new MapView({
container: "viewDiv",
map: map,

center: [-113.58332, 37.10819], // lon, lat
zoom: 16,
});

/********************
* Add feature layer
********************/
const featureLayer = new FeatureLayer({
url: "https://agisprodvm.washco.utah.gov/arcgis/rest/services/Assessor/MapServer/14"
});

map.add(featureLayer);

const legend = new Legend({
view: view,
layerInfos: [
{
layer: featureLayer
}
]
});

// Add widget to the bottom right corner of the view
view.ui.add(legend, "bottom-right");
});
</script>
</head>

Sage_Wall

Hi @JohnMax. Could you please share a Codepen, StackBlitz or GitHub repo demonstrating how you created the renderer on the layer.

JohnMax

This is actually a polygon layer which is symbolized as unclassed colors.

SarahRijneke

Have you built pyramids and calculated statistics? I believe that should properly display your values.

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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