title: Plotly - I want to color each X Axis value in different color based on condition
body: <p>Language: JavaScript<br>
  Framework: Plotly</p>
  
  <p>I have a requirement where i want x-Axis values to be colored individually instead of coloring all the values in x-Axis.</p>
  
  <p>I tried below code, but it does the same thing to all the values on axis. </p>
  
  <p>Here the color 'red' gets applied to all the values on x-Axis. I need each value to be colored based on the colors mentioned in the array 'col' in below code.</p>
  
  <pre><code>var data = [{
    x: ['giraffes', 'orangutans', 'monkeys'],
    y: [20, 14, 23],
    type: 'bar'
  }];
  
  var col = ['red','black','yellow'];
  
  var layout = {
  
    xaxis : {
      tickangle : -45,
      tickfont : {
        size : 16,
        color : 'red'
      }
    }
  
  };
  
  Plotly.newPlot('myDiv', data,layout);
  </code></pre>