title: Chart JS custom tooltip option?
body: <p>I am trying to build chart using Chart.Js. This chart.js has default option for tooltip, I want to make customized tooltip option. Is there a way to make it possible?</p>
  
  <p>Here is my code</p>
  
  <pre><code> var chart = null;
  barChart: function (data1, data2, data3, label) {
  
      var data = {
          labels: label,
          datasets: [
          {
              fillColor: "rgba(220,220,220,0.5)",
              strokeColor: "rgba(220,220,220,0.8)",
              highlightFill: "rgba(220,220,220,0.75)",
              highlightStroke: "rgba(220,220,220,1)",
              data: data1
          },
           {
               fillColor: "rgba(151,187,205,0.5)",
               strokeColor: "rgba(151,187,205,0.8)",
               highlightFill: "rgba(151,187,205,0.75)",
               highlightStroke: "rgba(151,187,205,1)",
               data: data2
           },
            {
                fillColor: "rgba(0,255,0,0.3)",
                strokeColor: "rgba(220,220,220,0.8)",
                highlightFill: "rgba(220,220,220,0.75)",
                highlightStroke: "rgba(0,255,0,0.3)",
                data: data3
            },
          ]
      }
      var cht = document.getElementById('exampleCanvas');
      var ctx = cht.getContext('2d');
      if (chart)
          chart.destroy();
      chart = new Chart(ctx).Bar(data);
  }
  </code></pre>