title: Chart.js - how to disable everything on hover
body: <p>How can I set the code that there will be no hover effects, hover options, (hover) links etc on chart?</p>
  
  <p>I'm using chart.js. Below is my code, where I set pie chart.</p>
  
  <p>Html..</p>
  
  <pre><code>&lt;div id="canvas-holder" style="width:90%;"&gt;
      &lt;canvas id="chart-area" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>..and js...</p>
  
  <pre><code>$(document).ready(function () {
  
  
                  var config = {
                      type: 'pie',
                      data: {
                          datasets: [{
                              data: [60,20],
                              backgroundColor: [
                                  "#ddd",
                                  "#58AC1C"
                              ],
  
                              label: 'Dataset 1'
                          }],
                          labels: [
                              "Bla1 ",
                              "Bla2 "+
                          ]   
                      },
                      options: {
                          responsive: true
                      }
                  };
  
  
                  window.onload = function() {
                      var ctx = document.getElementById("chart-area").getContext("2d");
                      window.myPie = new Chart(ctx, config);
                  };      
              });
  </code></pre>