title: Edit tooltips in ChartJS
body: <p>I have some troubles with customization of chartjs tooltips.</p>
  
  <pre><code>var animationComplete = function () {
          var self = this;
  
          Chart.helpers.each(self.datasets[0].points, function (point, index) {
              Chart.helpers.each(self.datasets, function (dataset) {
                  new Chart.MultiTooltip({
                      x: point.x,
                      y: dataset.points[index].y,
                      xPadding: self.options.tooltipXPadding,
                      yPadding: self.options.tooltipYPadding,
                      xOffset: self.options.tooltipXOffset,
                      //yOffset: self.options.tooltipYOffset,
                      fillColor: self.options.tooltipFillColor,
                      textColor: self.options.tooltipFontColor,
                      fontFamily: self.options.tooltipFontFamily,
                      fontStyle: self.options.tooltipFontStyle,
                      fontSize: self.options.tooltipFontSize,
                      titleTextColor: self.options.tooltipTitleFontColor,
                      titleFontFamily: self.options.tooltipTitleFontFamily,
                      titleFontStyle: self.options.tooltipTitleFontStyle,
                      titleFontSize: self.options.tooltipTitleFontSize,
                      cornerRadius: self.options.tooltipCornerRadius,
                      labels: [dataset.points[index].value],
                      legendColors: [{
                          fill: dataset.strokeColor,
                          stroke: dataset.strokeColor
                      }],
                      legendColorBackground: self.options.multiTooltipKeyBackground,
                      //title: point.label,
                      //title: false,
                      title: '',
                      chart: self.chart,
                      ctx: self.chart.ctx,
                      custom: self.options.customTooltips
                  }).draw()
              });
  
              self.chart.ctx.font = Chart.helpers.fontString(self.fontSize, self.fontStyle, self.fontFamily)
              self.chart.ctx.textAlign = 'center';
              self.chart.ctx.textBaseline = "middle";
              self.chart.ctx.fillStyle = "#666";
              self.chart.ctx.fillText(point.label, point.x, self.scale.startPoint);
      });
  };
  
      var ctx = document.getElementById("weeksChart").getContext("2d");
      window.weeksChart = new Chart(ctx).Line(dataWeeks, {
          responsive: true,
          pointDot: true,
          datasetStrokeWidth: 0.5,
          bezierCurve : false,
          scaleSteps: 2,
          scaleLabel: "&lt;%=value + '°'%&gt;",
          //tooltipTemplate: "&lt;%= value %&gt;",
          tooltipTemplate: "&lt;%= value + '°'%&gt;",
          tooltipFillColor: "transparent",
          tooltipFontColor: "#000",
          tooltipFontSize: 14,
          tooltipXOffset: -10,
          //tooltipYOffset: -100,
          //tooltipYOffset: 100,
          tooltipYPadding: 0,
          showTooltips: true,
          scaleShowLabels: false,
          scaleFontColor: "transparent",
          onAnimationComplete: function () {
                  animationComplete.apply(this)
          },
          tooltipEvents: []
      });
  </code></pre>
  
  <p>Is it possible:</p>
  
  <ol>
  <li>to remove colored squares?;</li>
  <li>to change fontColor of numbers, so on blue line numbers will have blue font, and on red line numbers will be red?;</li>
  <li>to move numbers higher on Y-axis? (i'd tried to add/change lines 30,78,79 in my Fiddle, but nothing works);</li>
  <li>to remove Titles from tooltips? (everything what is works for me right now is to set <code>title: '',</code> on line 49. Line 48 doesn't work);</li>
  <li>to add <code>°</code> symbol right after number? (I tried to make like this -> <code>tooltipTemplate: "&lt;%= value + '°'%&gt;"</code>, but it doesn't work...)</li>
  </ol>
  
  <p>Here is my <a href="http://jsfiddle.net/jgy9mcm7/" rel="nofollow">Fiddle</a></p>