title: How to change color of particular grid lines of chartist chart
body: <p>I am rendering the line chart using <a href="https://gionkunz.github.io/chartist-js/" rel="nofollow noreferrer">Chartist.js</a> I am trying to change the color of particular vertical grids but I didn't find any way to do so in the plugin.</p>
  
  <p>So as seen in the image, I would like to darken the 2nd and 9th vertical grid lines. (2nd and 9th is just for an example, I will be getting indexes of the grids to be highlighted dynamically from the backend.)</p>
  
  <p><a href="https://i.stack.imgur.com/9gX3x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9gX3x.png" alt="enter image description here"></a></p>
  
  <p>I am thinking to somehow do this in draw event, but not sure how to do this.</p>
  
  <pre><code>chart.on('draw', function (data) {
    if (data.type === 'grid') {
  
    }
  });
  </code></pre>