title: Output (column bars) from Chart.js blurry in Opera browser?
body: <p><em>Opera Version: 32.0.1948.69</em> (the output works fine on other major browsers).</p>
  
  <p>Does anyone know how could I possibly fix the blurriness from Chart.js?</p>
  
  <p>The width of the chart isn't relevant here, no matter which dimesions I take it always has a level of blurriness (especially when hovering over the column) which I would like to eliminate.</p>
  
  <p><strong>Image</strong>: </p>
  
  <p><a href="https://i.stack.imgur.com/yYEvs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yYEvs.png" alt="enter image description here"></a></p>
  
  <p><strong>Fiddle example</strong>: <em><a href="https://jsfiddle.net/eugensunic/1sg79n7x/1/" rel="nofollow noreferrer">https://jsfiddle.net/eugensunic/1sg79n7x/1/</a></em></p>
  
  <p>Fiddle code:</p>
  
  <pre><code>var array= [100, 59, 80, 333, 56, 55, 40]
  var data = {
      labels: ["January", "February", "March", "April", "May", "June", "July"],
      datasets: [
          {
              label: "My First dataset",
              fillColor: "rgba(220,220,220,0.5)",
              strokeColor: "rgba(220,220,220,0.8)",
              highlightFill: "rgba(220,220,220,0.75)",
              highlightStroke: "rgba(220,220,220,1)",
              data: array
          }
       ]
  };
   var options = {
          animation: true
      };
      var ctx = document.getElementById("myChart").getContext("2d");
      myNewChart = new Chart(ctx).Bar(data, options);
  </code></pre>
  
  <p><strong>EDIT:</strong>
  Picture comparison between Chrome and Opera.
  <a href="https://i.stack.imgur.com/8inqy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8inqy.png" alt="enter image description here"></a></p>