title: Highcharts: yAxis.height does not scale drawable area, causing graph to go off the chart
body: <p>I have 2 spline charts that I want to compare on a singe graph.  The first should take up the top 25% of the plot area and the second should take up the bottom 75% of the plot area.  To achieve this, I tried the following:</p>
  <pre><code>&quot;yAxis&quot;: [{
      &quot;height&quot;: &quot;25%&quot;,
      &quot;id&quot;: &quot;blue&quot;,
      &quot;labels&quot;: {
        &quot;enabled&quot;: false
      },
      &quot;title&quot;: {
        &quot;text&quot;: &quot;&quot;
      },
      &quot;min&quot;: 267.15,
      &quot;max&quot;: 289.15,
      &quot;index&quot;: 0
    },{
      &quot;id&quot;: &quot;red&quot;,
      &quot;height&quot;:&quot;75%&quot;,
      &quot;top&quot;: &quot;25%&quot;,
      &quot;min&quot;: 265,
      &quot;max&quot;: 290,
      &quot;plotLines&quot;: [{
        &quot;color&quot;: &quot;#fff8df&quot;,
        &quot;value&quot;: 285.15
      }, {
        &quot;color&quot;: &quot;#fff8df&quot;,
        &quot;value&quot;: 279.15
      }, {
        &quot;color&quot;: &quot;#c5eded&quot;,
        &quot;value&quot;: 273.15
      }],
      &quot;index&quot;: 1
    }],
  </code></pre>
  <p>The problem with this is that I have a min/max set (the graph is showing temperatures and we only care about a certain range).  Because of these combined things, the graph is drawing right over the xAxis and outside of the expected plot area.</p>
  <p>see: <a href="https://jsfiddle.net/06f9huam/" rel="nofollow noreferrer">https://jsfiddle.net/06f9huam/</a></p>
  <p>What I would like to see is the red line to be cut off if it goes below 265, just like it gets cut off when it goes over 290.</p>