JSAPI 4.2: SimpleRenderer mixing up colors. What's up with that?

DirkVandervoort

I create a simple renderer with an extrusion and assign it to a feature layer:

var symbol = new PolygonSymbol3D({
   symbolLayers: [new ExtrudeSymbol3DLayer({
      size: 50000, // meters in height extruded
   })]
});

var renderer = new SimpleRenderer({
   symbol: symbol,
   label: "Tract by ROW Acquisition Status",
   visualVariables: [{
      type: "color",
      field: "Acquisition_Status",
      stops: [
         {
            value: 'Not Acquired',
            color: "green", // DISPLAYS AS ***RED*** IN THE WEB SCENE
            label: "Not Acquired"
         },{
            value: 'Acquired',
            color: "red", // DISPLAYS AS ***GREEN*** IN THE WEB SCENE
            label: "Acquired"
         }
      ]}
   ]
});

 

Then when I view the results in a scene the colors are reversed; i.e., "Acquired" is green and "Not Acquired" is red, even though the code told the renderer to have "Acquired" to be red and "Not Acquired" to be green. WUWT?

RalucaNicola1

Hi Dirk,

Don't use SimpleRenderer with visualVariables in this case. Visual variables are meant to map continuous numeric data. Instead what you need is a UniqueValueRenderer. This works well when you have categories. 

Here is a sample that is quite similar to your case: Extrude building footprints based on real world heights | ArcGIS API for JavaScript 4.2