title: Vue-ApexChart Set color on individual bars based on another series value
body: <p>I'm using ApexChart-Vue and my graph has two series one bar and one line. The line is the goal for that specific date and the bar is the value for that date. I'm trying to set the color of the bar to red if the value is lower than the goal and to green if the value is equal or higher that the goal. </p>
  
  <p>I understand that a can add a function to the colors array, but only one function per series. </p>
  
  <p>Basically I want to do way the doc says here: <a href="https://apexcharts.com/docs/options/colors/" rel="nofollow noreferrer">https://apexcharts.com/docs/options/colors/</a></p>
  
  <pre><code>colors: [function({ value, seriesIndex, w }) {
    if (value &lt; 55) {
        return '#7E36AF'
    } else {
        return '#D9534F'
    }
  }, function({ value, seriesIndex, w }) {
    if (value &lt; 111) {
        return '#7E36AF'
    } else {
        return '#D9534F'
    }
  }]
  </code></pre>
  
  <p>But I need to pass the the goal for the current date into the function some how.</p>
  
  <p>Any ideas?</p>