title: Chart.js Undesired Tooltip Showing Up for Legend
body: <p>I have a <code>tooltip</code> function that helps me display information from my chart in a different way than stock. So far it has worked great for me, however Its causing a tooltip to be displayed for the legend. I would like to keep that from being displayed while keeping the click functions for the different keys.</p>
  
  <p>Here is my <code>tooltips</code> found under <code>options</code></p>
  
  <pre><code>        tooltips: {
              mode: 'index',
              intersect: false,
              callbacks: {
                  label: function(tooltipItem, data) {
                      if((tooltipItem.yLabel) &gt;= 1000000){
                          return data.datasets[tooltipItem.datasetIndex].label + ": $" + money_round((tooltipItem.yLabel)/1000000)+" M";
                      }else if((tooltipItem.yLabel) &gt;= 1000){
                          return data.datasets[tooltipItem.datasetIndex].label + ": $" + money_round((tooltipItem.yLabel)/1000)+" K";
                      }else{
                          return data.datasets[tooltipItem.datasetIndex].label + ": $" + (tooltipItem.yLabel);
                      }
                  }
              }
          },
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4Zqdg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4Zqdg.png" alt="enter image description here"></a></p>
  
  <p>Also I am looking for a way to have the <code>tooltips</code> displayed to the left of the hovered item AND/OR decrease the distance from the cursor to the item that displays the <code>tooltip</code> so as to prevent having a <code>tooltip</code> pop up when not desired.</p>