ECharts - применять два разных цвета к меткам на одной оси

Question

Я хочу применить два разных цвета к меткам одной и той же оси X на графике.

Я использую версию 4.2.1 echarts. Метки оси X находятся в диапазоне от 0 до 1000 с шагом 100.

Я хочу сделать первые шесть ярлыков (то есть 0, 100, 200, 300, 400, 500) красными; затем остальные метки (то есть 600, 700, 800, 900, 1000) синего цвета.

В официальной документации показано, что мы можем указать ОДИН цвет для меток оси X с помощью следующего кода:

           xAxis: {
                      name: 'Population',
                      axisLabel: {
                          textStyle: {
                              color: 'red'
                          }
                      },
                  }

Я попытался запустить базовую функцию if, как показано ниже, но она не работает. Не уверен, какое имя переменной мне следует использовать в скобках if.

             axisLabel: {
                          textStyle: {
                              if (axisLabel < 600) {
                                color: 'red';
                              }
                              else {
                                color: 'blue';
                              }
                          }
                      },

Answer 1

axis.axisLabel.color поддерживает функцию, которую можно установить следующим образом:

color: function(value, index) {
    if (index < 6) {
        return 'red';
    }
    else {
        return 'blue';
    }
}