title: chart js different callback labels
body: <p>Right now the callbacks (on hover) show the data from data set. I want to change each of that point with a different value. For that I have a same size array as the original data array. </p>
  
  <p>I tried this </p>
  
  <pre><code>tooltips: {
       callbacks: {
         label: function(tooltipItem, data) {
  
         return measures;
         }
       }
  },
  </code></pre>
  
  <p>but it returned the whole array for every point. </p>
  
  <p><a href="https://i.stack.imgur.com/Qdcmr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qdcmr.png" alt="enter image description here"></a></p>
  
  <p>The chart can have more then 1 datasets. They are created dynamically in a for loop. I tried creating the callbacks dynamically as well </p>
  
  <pre><code>call[r] = {
     abel: function(tooltipItem, data) {
     return measures;
     }
  };
  
  tooltips: {
       callbacks: call
  },
  </code></pre>
  
  <p>But that just threw TypeErrors</p>
  
  <blockquote>
    <p>TypeError: c.callbacks.labelColor is undefined</p>
    
    <p>TypeError: e.title is undefined</p>
  </blockquote>
  
  <p>How can i get each array element on a different point? And in case of multiple datasets show the values from the same position array as dataset? </p>
  
  <p>Sorry if im not clear enough. Just cant quite wrap my head around this. </p>
  
  <p>Thanks!</p>