title: ECharts - Apply two different colors to labels on the same axis
body: <p>I want to apply two different colors to the labels of the same X-axis on a chart. </p>
  
  <p>I'm using Version 4.2.1 of echarts. The X axis labels ranges from 0 to 1,000 in increments of 100. </p>
  
  <p>I want to make the first six labels (i.e. 0, 100, 200, 300, 400, 500) red; then the rest of the labels (i.e. 600, 700, 800, 900, 1000) blue. </p>
  
  <p>In the official documentation it shows that we can specify ONE color to the X-axis labels through the following code: </p>
  
  <pre><code>           xAxis: {
                        name: 'Population',
                        axisLabel: {
                            textStyle: {
                                color: 'red'
                            }
                        },
                    }
  </code></pre>
  
  <p>I tried running a basic if function as below but it does not work. Not sure what variable name I should use in the if brackets. </p>
  
  <pre><code>             axisLabel: {
                            textStyle: {
                                if (axisLabel &lt; 600) {
                                  color: 'red';
                                }
                                else {
                                  color: 'blue';
                                }
                            }
                        },
  
  </code></pre>