title: Display a single tooltip with Chart.JS?
body: <p>I've made a chart using Chart.JS and am hoping to limit the tooltip display to 1 single point.  I have a working demo where all tooltips are currently being displayed that can be viewed here: <a href="https://jsfiddle.net/p2yd6hut/" rel="nofollow">https://jsfiddle.net/p2yd6hut/</a></p>
  
  <pre><code>var data1 = {
    labels : ["SUN","MON","TUE","WED","THU","FRI","SAT"],
    datasets : [
  {
    fillColor : "rgba(255,255,255,.1)",
    strokeColor : "rgba(0,0,0,.25)",
    pointColor : "#0af",
    pointStrokeColor : "rgba(255,255,255,1)",
    pointHighlightFill : "#fff",
    pointHighlightStroke : "rgba(220,220,220,1)",
    data : [150,200,235,390,290,250,250]
      }
   ]
  }
  
  var options1 = {
    scaleFontColor : "rgba(0,0,0,1)",
    scaleLineColor : "rgba(0,0,0,.1)",
    scaleGridLineColor : "rgba(0,0,0,.1)",
    scaleShowGridLines : true,
    scaleShowLabels : false,
    scaleShowHorizontalLines : false,
    bezierCurve : false,
    scaleOverride : true,
    scaleSteps : 5,
    scaleStepWidth : 100,
  
    tooltipTemplate: "&lt;%= value %&gt;" + "Guests",
    showTooltips: true,
    tooltipFillColor: "#0af",  
    onAnimationComplete: function() {    
    this.showTooltip(this.datasets[0].points, true);          
      },
    tooltipEvents: []
  
  }
  
  new Chart(c1.getContext("2d")).Line(data1,options1);
  </code></pre>
  
  <p>Is it possible to only have a tooltip display for a selected datapoint? For instance, I'd like to only have Wednesday where the data is 390 in the array.</p>
  
  <p>Screenshot of desired functionality: <a href="http://i.imgur.com/VdH4atw.png" rel="nofollow">http://i.imgur.com/VdH4atw.png</a></p>
  
  <p>Advice is greatly appreciated, thanks!</p>