title: Display tooltip in canvas graph
body: <p>I am using html5 canvas element to draw a graph with dots denoting various points in <strong><a href="http://jsfiddle.net/nshX6/7/" rel="noreferrer">here</a></strong>.</p>
  
  <p>I want to display different tool-tip on different points on mouse hover.the text to be displayed as tool-tip will be provided by the user.</p>
  
  <p>I tried but couldn't figure out how to add tool-tip to various points in the graph.The code I'm using for displaying dots is..</p>
  
  <pre><code>// Draw the dots
  c.fillStyle = '#333';
  
  for (var i = 0; i &lt; data.values.length; i++) {
    c.beginPath();
    c.arc(getXPixel(data.values[i].X), getYPixel(data.values[i].Y), 4, 0, Math.PI * 2, true);
    c.fill();
  }
  </code></pre>
  
  <p>What addition should I make in this code so that i am able to display user input as tool-tip?</p>