title: customizing tooltip on chart.js bar chart
body: <p>I would like to customize the tooltip on a chart.js bar chart. This is my code:</p>
  
  <pre><code>$(function () {
    var barData = no_houses_person
  
  var barOptions = {
      scaleBeginAtZero: true,
      scaleShowGridLines: true,
      scaleGridLineColor: "rgba(0,0,0,.05)",
      legend: {
          display: true,
          position: 'top'
      },
      scaleGridLineWidth: 1,
      barShowStroke: true,
      barStrokeWidth: 1,
      barValueSpacing: 5,
      barDatasetSpacing: 1,
      responsive: true,
  };
     var ctx = document.getElementById("barChart").getContext("2d");
     var myNewChart = new Chart(ctx, {
      type: 'bar',
      data: barData,
      options: barOptions
  });
  });
  </code></pre>
  
  <p>I have tried adding <code>tooltipTemplate: "&lt;%if (label){%&gt;&lt;%=label%&gt; &lt;%}%&gt;(&lt;%= value %&gt; example)",</code> to barOptions but it has no effect.</p>