title: Chart JS - single lines (points) tooltips
body: <p>How do I get to ChartJS returns only the value of a point on the graph (on mouse over), instead of the whole dataset? </p>
  
  <pre><code>    &lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;
      &lt;div style="width:30%"&gt;
          &lt;div&gt;
              &lt;canvas id="canvas" height="600" width="1000"&gt;&lt;/canvas&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/td&gt;
      &lt;td style="text-align:center;"&gt;&lt;div id="placeholder" height="450" width="600"&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>    &lt;script&gt;
      var lineChartData = {
          labels : [&lt;?php echo $_SESSION['GRAFICO2']; ?&gt;],
          datasets : [&lt;?php echo $_SESSION[$_GET['vGrafico']]; ?&gt;
  
          ]
  
      }
  
  
  window.onload = function(){
      var ctx = document.getElementById("canvas").getContext("2d");
      window.myLine = new Chart(ctx).Line(lineChartData, {bezierCurve: false, pointDot : true, datasetStroke : true, showTooltips: true, pointHitDetectionRadius : 2, offsetGridLines : true, TooltipTemplate: "&lt;%= label %&gt; - &lt;%= data %&gt;"});
      legend(document.getElementById('placeholder'), lineChartData);
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Like this
  <a href="http://i.stack.imgur.com/WjPYN.png" rel="nofollow">now - than</a></p>