Tengo un gráfico con 4 líneas en diferentes colores. Usando casillas de verificación puedo ocultar / mostrar líneas específicas. Ahora, cuando se muestran todas las líneas (todas las casillas marcadas), la línea 1 es roja y la línea 2 es amarilla. Cuando la línea 1 está oculta, la línea 2 es roja y la línea 3 es amarilla.

Esto puede ser confuso para los usuarios, por lo que quiero que las líneas se asignen a columnas específicas. ¿Hay alguna manera?

Actualmente asigno colores a las líneas de esta manera:

    colors: [red, yellow, green, blue]

Esta imagen puede aclarar las cosas.

Cuando se muestran todas las líneas:

Cuando la línea 1 está oculta:

Espero que mi pregunta sea clara.

EDITAR: También intenté asignar los colores en eloptions.series como se muestra a continuación, pero con el mismo resultado

series: {
            0: { color: '#e2431e' ,targetAxisIndex: 0},
            1: { color: '#e7711b' ,targetAxisIndex: 1},
            2: { color: '#f1ca3a' ,targetAxisIndex: 0},
            3: { color: '#6f9654' ,targetAxisIndex: 0},