title: Overlapping Y Axis in a Multi y axis Highchart
body: <p>i  am trying to add a multiple yaxis highstock. The plotting works fine but the axis labels are overlapping &amp; overall giving it a clumsy look. here is a snapshot of it!
  <a href="http://i.stack.imgur.com/QI5RY.jpg" rel="noreferrer">Highchart Multi-Y</a></p>
  
  <p>I have used <a href="http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo-multi-axes/" rel="noreferrer">this example</a> for creating a multi y chart. </p>
  
  <p>Can You help? </p>
  
  <p>These are the formatting options i am using currently</p>
  
  <pre><code>var options = {};
  options.xAxis = {
          labels : {
              enabled : true
          }
  
      };
      options.title = {
          text : "Highchart",
          style: {
              fontSize: '14px',
              fontWeight: '800'
          }
      };
      options.subtitle = {
          text : ""
      };
      options.chart = {
  
          borderColor : '#BBBBBB',
          borderWidth : 0,
          borderRadius : 20,
          zoomType : 'xy'
      };
  //  options.yAxis={min:0};
      options.yAxis=[{ // Transaction Count_URL
          labels: {
              formatter: function() {
                  var value= this.value;
  
                  if(value&gt;=1000000000)
                      ret = (value / 1000000000) + 'G'
                  else if(value&gt;=1000000)
                      ret = (value / 1000000) + 'M';
                  else if(value&gt;=1000)
                      ret = (value / 1000) + 'k';
                  else
                      ret=value;
  
                  return ret;
              },
              style: {
                  color: '#89A54E'
              }
          },
          title: {
              text: 'Memory Used',
              style: {
                  color: '#89A54E'
              }
          },
          opposite: true
  
      }, { // Transaction count_EXEC
          gridLineWidth: 0,
          title: {
              text: 'GC Count',
              style: {
                  color: '#4572A7'
              }
          },
          labels: {
              formatter: function() {
                  return this.value;
              },
              style: {
                  color: '#4572A7'
              }
          }
  
      }, { // Tertiary yAxis
          gridLineWidth: 0,
          title: {
              text: 'TPS',
              style: {
                  color: '#AA4643'
              }
          },
          labels: {
              formatter: function() {
                  return this.value;
              },
              style: {
                  color: '#AA4643'
              }
          },
          opposite: true
      }],
  
      options.navigator=
      {
          enabled: false
      };
  
      options.credits = {
          enabled : false
      };
  
      options.xAxis = {
          type : 'datetime'
      };
      options.series = [];
  
  
  
      options.rangeSelector = {
          enabled : false
      };
      options.series=[];
  
      options.tooltip = {
          shared : false,
          snap : 0
  
      };
      options.scrollbar = {
          enabled : false
      };
      options.navigation = {
          buttonOptions : {
              enabled : false
          }
      };
  </code></pre>