title: chart.js bar chart color change based on value
body: <p>I have a bar chart that is showing data from a database and I need to be able to show a different color for different numeric values. For example the 'loc_health' returns values between 1 and 10 based, so I need to show 1 as red, 2 as orange, 3 as yellow, 4 as green etc...</p>
  
  <p>I have searched the chart.js documentation but cannot find a solution for this.</p>
  
  <pre><code>var context = document.getElementById('healthRatings').getContext('2d');
  
  window.myObjBar = new Chart(context).Bar({
      labels : loc_id_grab,
      datasets : [{
          fillColor : ["rgba(220,220,220,0.5)"],
          strokeColor : "rgba(151,187,205,1)",
          pointColor : "rgba(151,187,205,1)",
          pointStrokeColor : "#fff",
          data : loc_health
      }]
  }, {
      scaleOverride : true,
      scaleSteps : 10,
      scaleStepWidth : 1,
      scaleStartValue : 0,
      barShowStroke : false,
      barStrokeWidth : 1,
      showTooltips : false,
      barValueSpacing : 2,
      animation : false,
      responsive : true,
      maintainAspectRatio : true
  });
  </code></pre>