https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-for-mapimagelayer-using-class-breaks/m-p/1237133#M79526 <P>Hi, I am using ArcGIS API for JavaScript 4.x in my app. A MapImageLayer has been added on to the map and it is loaded properly in the app. Initially, the legend shows the categorized classes from least to most for this service. &nbsp;On clicking anywhere on the map, the order of categorized classes is getting reversed in the legend.</P><P>How to prevent this?</P><P>For your information, the service uses Class Breaks Renderer to classify it into different classes.</P><P>Here is a sample code demonstrating how it has been added:</P><P>&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript"> const layer = new MapImageLayer({ portalItem: { id: "73c67b3d082b4ef58c3c8ce14add8c9d", }, sublayers: [ { id: 3, popupEnabled: true, definitionExpression: "TallShrubCC&gt;0", popupTemplate: { title: "Tall Shrub Canopy Cover: {Map_Group}", content: [ { type: "fields", fieldInfos: [ { fieldName: "Map_Group", visible: true, label: "Map_Group", }, { fieldName: "Dominance_Type", visible: true, label: "Dominance_Type", }, ], }, ], overwriteActions: true, }, }, ], }); /***************************************************************** * Add the layer to a map *****************************************************************/ const map = new Map({ basemap: "topo-vector", layers: [layer], }); const view = new MapView({ container: "viewDiv", map: map, extent: { xmax: -16725224.278226044, xmin: -16789584.256042186, ymax: 8432236.729622887, ymin: 8383240.594492071, spatialReference: 102100, }, }); const legend = new Legend({ view: view, }); view.ui.add(legend, "bottom-right");</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 02 Dec 2022 04:45:24 GMT LakshanaRajendran 2022-12-02T04:45:24Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-for-mapimagelayer-using-class-breaks/m-p/1237133#M79526 <P>Hi, I am using ArcGIS API for JavaScript 4.x in my app. A MapImageLayer has been added on to the map and it is loaded properly in the app. Initially, the legend shows the categorized classes from least to most for this service. &nbsp;On clicking anywhere on the map, the order of categorized classes is getting reversed in the legend.</P><P>How to prevent this?</P><P>For your information, the service uses Class Breaks Renderer to classify it into different classes.</P><P>Here is a sample code demonstrating how it has been added:</P><P>&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript"> const layer = new MapImageLayer({ portalItem: { id: "73c67b3d082b4ef58c3c8ce14add8c9d", }, sublayers: [ { id: 3, popupEnabled: true, definitionExpression: "TallShrubCC&gt;0", popupTemplate: { title: "Tall Shrub Canopy Cover: {Map_Group}", content: [ { type: "fields", fieldInfos: [ { fieldName: "Map_Group", visible: true, label: "Map_Group", }, { fieldName: "Dominance_Type", visible: true, label: "Dominance_Type", }, ], }, ], overwriteActions: true, }, }, ], }); /***************************************************************** * Add the layer to a map *****************************************************************/ const map = new Map({ basemap: "topo-vector", layers: [layer], }); const view = new MapView({ container: "viewDiv", map: map, extent: { xmax: -16725224.278226044, xmin: -16789584.256042186, ymax: 8432236.729622887, ymin: 8383240.594492071, spatialReference: 102100, }, }); const legend = new Legend({ view: view, }); view.ui.add(legend, "bottom-right");</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 02 Dec 2022 04:45:24 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-for-mapimagelayer-using-class-breaks/m-p/1237133#M79526 LakshanaRajendran 2022-12-02T04:45:24Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-for-mapimagelayer-using-class-breaks/m-p/1237419#M79541 <P>Hi&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/604013">@LakshanaRajendran</a>&nbsp;,</P><P>Thanks so much for taking the time to post here.&nbsp; I can replicate the behavior of the class breaks reversing order in the Legend after clicking on the map.&nbsp; It seems to only happen when popups are enabled.&nbsp; I'll submit it as a bug, this is unexpected behavior.</P> Fri, 02 Dec 2022 21:34:41 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-for-mapimagelayer-using-class-breaks/m-p/1237419#M79541 Sage_Wall 2022-12-02T21:34:41Z