title: Stock Chart - Formatted Tooltip And Prefixes or Suffixes Not Showing
body: <p>I am using a stock chart to show trend data. On the backend I am getting what the valueSuffix should be (or valuePrefix as the case may be). I am also formatting the date display in the tooltip. Here is the important part of the series declaration:</p>
  
  <pre><code>...
             name: 'Wages',
              tooltip: {
                  valuePrefix: '$',
                  valueDecimals: 0
              },
  ...
  </code></pre>
  
  <p>Here is the tooltip formatter:</p>
  
  <pre><code>...
      tooltip: {
          formatter: function () {
              var s = '&lt;b&gt;';
              if (Highcharts.dateFormat('%b', this.x) == 'Jan') {
                  s = s + 'Q1';
              }
              if (Highcharts.dateFormat('%b', this.x) == 'Apr') {
                  s = s + 'Q2';
              }
              if (Highcharts.dateFormat('%b', this.x) == 'Jul') {
                  s = s + 'Q3';
              }
              if (Highcharts.dateFormat('%b', this.x) == 'Oct') {
                  s = s + 'Q4';
              }
              s = s + ' ' + Highcharts.dateFormat('%Y', this.x) + '&lt;/b&gt;';
              $.each(this.points, function (i, point) {
                  s += '&lt;br/&gt;&lt;span style="color: ' + point.series.color + '"&gt;' + point.series.name + ':&lt;/span&gt;' + point.y;
              });
              return s;
          }
      }
  ...
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wergeld/JT8MG/" rel="nofollow">Example jsFiddle.</a></p>
  
  <p>If you notice the prefix for the dollar sign is not showing on the Wage series. I am not really sure what I am missing here.</p>