How to create a Dash Line with alternative different colour in esri ? Can we achieve this using SimpleLineSymbol?

Question

Example : -------------- here alternative dash with red and yellow color.

Answer 1

if anyone is looking, one solid line with dashed line on top:

new CIMSymbol({
    data: {
        type: "CIMSymbolReference",
        symbol: {
            type: "CIMLineSymbol",
            symbolLayers: [
                {
                    type: "CIMSolidStroke",
                    effects: [
                        {
                            type: "CIMGeometricEffectDashes",
                            dashTemplate: [3.75, 3.75],
                            lineDashEnding: "HalfPattern",
                            offsetAlongLine: 0,
                        },
                    ],
                    enable: !0,
                    capStyle: "Butt",
                    joinStyle: "Round",
                    miterLimit: 10,
                    width: 1.6,
                    color: [253, 251, 83, 255],
                },
                { type: "CIMSolidStroke", enable: !0, capStyle: "Butt", joinStyle: "Round", miterLimit: 10, width: 1.6, color: [255, 165, 83, 255] },
            ],
        },
    },
});

Answer 2

You can color lines according to specific conditions.

routeSymbols = {
          "Route 1": new SimpleLineSymbol().setColor(new Color([0,0,255,0.5])).setWidth(5),
          "Route 2": new SimpleLineSymbol().setColor(new Color([0,255,0,0.5])).setWidth(5),
          "Route 3": new SimpleLineSymbol().setColor(new Color([255,0,255,0.5])).setWidth(5)
        };

//Three different drawings can be made. 
map.graphics.add(routeResult.route.setSymbol(routeSymbols[routeResult.routeName]))