Select to view content in your preferred language

VectorFieldRenderer color change

150
1
09-06-2024 11:14 AM
kaander08
Emerging Contributor

Hi all, 

I am working with vector field data in ArcGIS Maps SDK for Javascript and I am wondering if you can change the color of the arrows. The documentation says that the styles are predefined so I am wondering if it is just not possible. Please see the below code. I put "color: "red" in everyplace I can think of but it does not seem to change the color.

 

kaander08_0-1725646378182.png

 

 

const rendererWind = new VectorFieldRenderer({
                type: "vector-field",
                color: "red",
                style: "single-arrow",
                flowRepresentation: "flow-from",
                symbolTileSize: 80,
                visualVariables: [{
                    type: "size",
                    maxSize: "50px",
                    minDataValue: 0,
                    minSize: "15px",
                    color: "red"
                },
                {
                    type: "rotation",
                    rotationType: "geographic"
                },
                {
                    type: "color",
                    color: "red"
                }]
            });

            const windLayer = new ImageryLayer({
                url: ***
                id: "windLayer",
                visible: false,
                minScale: [10000000],
                renderer: rendererWind                    
            });
0 Kudos
1 Reply
UndralBatsukh
Esri Regular Contributor

Hi there, 

It is not possible to change the color of the vector field renderer symbols at this time. We have plans to add support for this but I do not know when it will happen. 

0 Kudos