title: Highcharts height issue - remove white space at the top. See JSFiddle :)
body: <p><a href="https://jsfiddle.net/mschreiberjdi/dk0zgk09/" rel="nofollow">See JSFiddle </a> </p>
  
  <p>I want to remove the white space at the top of the highchart, and move the chart to the top of the page and even with the legend on the right hand side.</p>
  
  <p>What's the best way to remove this empty space and/or change the height of the chart?</p>
  
  <p>Thanks</p>
  
  <pre><code>$(function() {
    $('#container').highcharts({
      chart: {
        renderTo: 'container',
        plotBackgroundColor: null,
        plotBackgroundImage: null,
        plotBorderWidth: 0,
        plotShadow: false,
        backgroundColor: 'transparent'
      },
      credits: {
        enabled: false
      },
      tooltip: {
        enabled: false
      },
      title: {
        text: 'Probability of Success&lt;br&gt;Current Plan&lt;br&gt;',
        align: 'center',
        verticalAlign: 'bottom',
        y: -70
      },
      subtitle: {
        text: 'Within Confidence Zone',
        align: 'center',
        verticalAlign: 'bottom',
        y: -30
      },
      pane: {
        center: ['50%','95%'],
        size: '80%',
        startAngle: -90,
        endAngle: 90,
        background: {
          borderWidth: 0,
          backgroundColor: 'transparent',
          innerRadius: '90%',
          outerRadius: '100%',
          shape: 'arc'
        }
      },
      yAxis: [
        {
          lineWidth: 0,
          min: 0,
          max: 90,
          minorTickLength: 0,
          tickLength: 0,
          tickWidth: 0,
          labels: {
            enabled: false
          },
          title: {
            text: '',
            useHTML: true,
            y: 80
          },
          pane: 0
        }
      ],
      plotOptions: {
        series: {
          enableMouseTracking: false
        },
        pie: {
          dataLabels: {
            enabled: true,
            distance: 0,
            style: {
              fontWeight: 'bold',
              color: 'white',
              textShadow: '0px 1px 2px black'
            }
          },
          startAngle: -90,
          endAngle: 90,
          center: ['50%', '100%']
        },
        gauge: {
          dataLabels: {
            enabled: false
          },
          pivot: {
            radius: 125,
            borderWidth: 2,
            borderColor: 'transparent',
            backgroundColor: 'white'
          },
          dial: {
            radius: '100%',
            backgroundColor: 'gray',
            borderColor: 'gray',
            baseWidth: 140,
            topWidth: 1,
            baseLength: '5%', // of radius
            rearLength: '5%'
          }
        }
      },
  
      series: [{
        "type": "pie",
        "name": "Risk",
        "innerSize": "85%",
        "data": [{
          "y": 40,
          "name": "",
          "color": "#c5e3f0"
        }, {
          "y": 30,
          "name": "",
          "color": "#80c3e0"
        }, {
          "y": 30,
          "name": "",
          "color": "#037dae"
        }]
      }, {
        type: 'gauge',
        name: 'Success',
        data: [25],
        dial: {
          rearLength: 0
        }
      }],
    });
  });
  </code></pre>