опубликовать свой код, плз

я есть диаграмма с 4 линиями разных цветов. Используя флажки, я могу скрыть / показать определенные строки. Теперь, когда показаны все строки (все флажки отмечены), строка 1 - красная, а строка 2 - желтая. Когда строка 1 скрыта, строка 2 - красная, а строка 3 - желтая.

Это может сбивать с толку пользователей, поэтому я хочу, чтобы строки были назначены определенным столбцам. Есть ли способ?

В настоящее время я назначаю цвета для линий следующим образом:

    colors: [red, yellow, green, blue]

Это изображение может сделать вещи более ясными.

Когда все строки показаны:

Когда строка 1 скрыта:

Я надеюсь, что мой вопрос ясен.

РЕДАКТИРОВАТЬ: Я также попытался назначить цвета вoptions.series как показано ниже, но с тем же результатом

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