https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/map-not-displaying-renderer-after-adding/m-p/1192266#M77921 <P>The main problem with this is that in 4.x <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html" target="_self">FeatureLayers</A>, you don't have direct access to the <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html" target="_self">Graphic</A> (i.e. feature) objects that are displayed on the map.&nbsp; The features returned by <A href="http://queryFeatures" target="_self">queryFeatures</A> are a copy of the actual features, and so modifying them won't make any difference to the layer itself.</P><P>One of the best ways to accomplish what you're trying to do may be to query the features (as you're doing), but then set their <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol" target="_self">symbol</A> property directly, and then add them to a separate <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html" target="_self">GraphicsLayer</A>.</P> Thu, 14 Jul 2022 17:00:53 GMT JoelBennett 2022-07-14T17:00:53Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/map-not-displaying-renderer-after-adding/m-p/1191793#M77911 <P>I have tried to add a new field to existing feature layer and used random value generator to append those attributes on the map. Looks like after adding renderer only legend appears on the map with feature layer empty. Support needed.</P><P>&nbsp;</P><LI-CODE lang="javascript"> const map = new Map({ basemap: "satellite", }); const myFeatureLayer = new FeatureLayer({ url: url, opacity: 0.8, outFields: ["*"], }); map.add(myFeatureLayer); var tempObj = new Field({ alias: 'RISK', name: 'RISK', type: 'integer' }); myFeatureLayer.fields.push(tempObj); const queryNew = myFeatureLayer.createQuery(); queryNew.spatialRelationship = "intersects"; queryNew.returnQueryGeometry = true; var randArr = []; for (var i = 0; i &lt; 756; i++) { randArr[i] = (Math.floor(Math.random() * 100) + 1); } myFeatureLayer.queryFeatures(queryNew).then((results) =&gt; { results.features.map((data, index) =&gt; { data.attributes.RISK = randArr[index] }) var renderer = new ClassBreaksRenderer({ field: "RISK", }); renderer.addClassBreakInfo({ minValue:0, maxValue:10, symbol:new SimpleFillSymbol({ color: new Color([56, 168, 0, 0.5]), outline: { width: 0.5, color: [50, 50, 50, 0.6] } })}); renderer.addClassBreakInfo({ minValue:11, maxValue:30, symbol:new SimpleFillSymbol({ color: new Color([139, 209, 0, 0.5]), outline: { width: 0.5, color: [50, 50, 50, 0.6] } })}); renderer.addClassBreakInfo({ minValue:31, maxValue:50, symbol:new SimpleFillSymbol({ color: new Color([255, 255, 0, 0.5]), outline: { width: 0.5, color: [50, 50, 50, 0.6] } })}); renderer.addClassBreakInfo({minValue:51, maxValue:90, symbol:new SimpleFillSymbol({ color: new Color([255, 128, 0, 0.5 ]), outline: { width: 0.5, color: [50, 50, 50, 0.6] } })}); myFeatureLayer.renderer = renderer;</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen Shot 2022-07-13 at 5.19.45 pm.png" style="width: 999px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/45778i24DBD18CB841E66E/image-size/large?v=v2&amp;px=999" role="button" title="Screen Shot 2022-07-13 at 5.19.45 pm.png" alt="Screen Shot 2022-07-13 at 5.19.45 pm.png" /></span></P> Wed, 13 Jul 2022 07:21:31 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/map-not-displaying-renderer-after-adding/m-p/1191793#M77911 SriharshaK 2022-07-13T07:21:31Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/map-not-displaying-renderer-after-adding/m-p/1192266#M77921 <P>The main problem with this is that in 4.x <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html" target="_self">FeatureLayers</A>, you don't have direct access to the <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html" target="_self">Graphic</A> (i.e. feature) objects that are displayed on the map.&nbsp; The features returned by <A href="http://queryFeatures" target="_self">queryFeatures</A> are a copy of the actual features, and so modifying them won't make any difference to the layer itself.</P><P>One of the best ways to accomplish what you're trying to do may be to query the features (as you're doing), but then set their <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html#symbol" target="_self">symbol</A> property directly, and then add them to a separate <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html" target="_self">GraphicsLayer</A>.</P> Thu, 14 Jul 2022 17:00:53 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/map-not-displaying-renderer-after-adding/m-p/1192266#M77921 JoelBennett 2022-07-14T17:00:53Z