title: Highcharts y-axis units on top
body: <p>I would like to add y-axis units on top of the y-axis. </p>
  
  <p>For now I could use labels formatter and make the last label to be the unit. It works fine until I have just one label on y-axis. Then I get this:</p>
  
  <p><a href="https://i.stack.imgur.com/ZDw4k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZDw4k.png" alt="enter image description here"></a></p>
  
  <p>And I would like to get this:</p>
  
  <p><a href="https://i.stack.imgur.com/XPpgU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XPpgU.png" alt="enter image description here"></a></p>
  
  <p>Do you have an idea of how to get it?</p>
  
  <p>Jsfiddle here: <a href="http://jsfiddle.net/ptbtvozb/2/" rel="nofollow noreferrer">http://jsfiddle.net/ptbtvozb/2/</a></p>
  
  <p>Code here:</p>
  
  <pre><code>Highcharts.chart('container', {
      yAxis: {
          labels: {
              formatter: function() {
                  var unit = 'pop';
                  if(this.isLast) {
                      return unit;
                  } else {
                      return this.value;
                  }
              }
          },
          tickInterval: 1,
          title: { text: "RQ-online" }
      },
      series: [{
          data: [[0, 1],[1, 1],[2, 1]]
      }]
  });
  </code></pre>