title: HighCharts - increase bar height and reduce bar gap
body: <p>Trying to <strong>increase bar height</strong> to accommodate series name inside bar and trying to <strong>reduce default gap between series group</strong>. The section "series: []" is, I assume for the JSON return function to populate. Tried many examples from all the generous JSFiddle examples to no avail. I'm a noob so please be patient. Any ideas? So far I have: <a href="http://jsfiddle.net/PeterHanekom/7ue5bkm8/1/" rel="noreferrer">http://jsfiddle.net/PeterHanekom/7ue5bkm8/1/</a></p>
  
  <pre><code>        var options = {
              chart: {
                  renderTo: 'container',
                  type: 'bar'
              },
              colors: ['#00B9B9', '#527CED', '#A7D36B', '#B9B900', '#0097FF', '#400040', '#EA4D00', '#336699', '#8080C0', '#ADA870'],
              title: {
                  text: 'Cluster Totals',
                  x: -20 //center
              },
              subtitle: {
                  text: 'Dept - Branch',
                  x: -20
              },
              xAxis: {
                  categories: []
  
              },
              yAxis: {
                  min: 0,
                  max: 100,                   
                  title: {
                      text: 'Percentage'
                  },
                  labels: {
                      overflow: 'justify'
                  }
              },
              tooltip: {
                  formatter: function() {
                          return '&lt;b&gt;'+ this.series.name +'&lt;/b&gt;&lt;br/&gt;'+
                          this.x +': '+ this.y;
                  }
              },
              legend: {
                  align: 'center',
                  borderWidth: 0
              }, 
              plotOptions: {
                  bar: {              
                  stacking: 'normal',
                  pointWidth: 20,
                  pointPadding: 0,
                  cursor: 'pointer',
                  point: {
                      events: {
                          click: function() {
                              alert('later drilldown events');
                          }
                      }
                dataLabels: {
                    enabled: true,
                    inside:true,
                    useHTML: true,
                    align: 'left',
                    color: 'white',
                    style: {
                        fontWeight: 'bold'
                    },                      
                    verticalAlign: 'middle',                      
                    formatter: function () {
                        if (this.series.name) 
                          return '&lt;span style="color:black; height: 25px;"&gt;' + this.series.name + ' = ' + this.y + '&lt;/span&gt;';
                        else return '';
                    }
                  }
                  }
              },
              series: []
          }
  
        $.getJSON("./services/get360Pivot.php?s_Search=" + sOperatorSearch, function(json) 
        {
          options.xAxis.categories = json[0]['data'];
          options.series[0] = json[1];
          options.series[1] = json[2];
          options.series[2] = json[3];
          options.series[3] = json[4];
          chart = new Highcharts.Chart(options);
        });          
  </code></pre>