Eu tenho um gráfico com 4 linhas em cores diferentes. Usando caixas de seleção, posso ocultar / mostrar linhas específicas. Agora, quando todas as linhas são mostradas (todas as caixas marcadas), a linha 1 fica vermelha e a linha 2 fica amarela. Quando a linha 1 está oculta, a linha 2 fica vermelha e a linha 3 fica amarela.

Isso pode ser confuso para os usuários, por isso quero que as linhas sejam atribuídas a colunas específicas. Há algum caminho?

Atualmente, atribuo cores às linhas da seguinte forma:

    colors: [red, yellow, green, blue]

Essa imagem pode tornar as coisas mais claras.

Quando todas as linhas são mostradas:

Quando a linha 1 está oculta:

Espero que minha pergunta seja clara.

EDITAR: Eu também tentei atribuir as cores nooptions.series como mostrado abaixo, mas com o mesmo resultado

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