title: chart.js remove on hover effect
body: <p>When you hover on top of your bars in chart.js it turns to a lighter color. How do i turn that off so it always keep the regular color?</p>
  
  <p>This is how it looks normally:
  <a href="https://i.stack.imgur.com/3a2fK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/3a2fK.png" alt="before hovering"></a></p>
  
  <p>This is how it look when you over over any bar:
  <a href="https://i.stack.imgur.com/YOntZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YOntZ.png" alt="after hovering"></a></p>
  
  <p>This is the code i use to display my chart:</p>
  
  <pre><code>data-scales='{"yAxes": [{
     "ticks": { 
         "beginAtZero": "true", 
         "max": 3,
         "stepSize": 1,
         "fontSize": 0,
         "mirror": "true"
     }
     }],
     "xAxes": [{
         "barPercentage": 0.5
     }]
  }' 
  data-hide='["gridLinesX","tooltips", "legend"]' 
  </code></pre>