HighCharts-增加条形图高度并减少条形图间隙

Question

试图增加条高度以适应条内的系列名称，并试图减少系列组之间的默认间隙。"series:[]"部分，我认为是JSON返回函数的填充部分。从所有慷慨的JSFiddle例子中尝试了许多例子，但都无济于事。我是个笨蛋，所以请耐心等待。有什么想法吗？到目前为止，我已经：http://jsfiddle.net/PeterHanekom/7ue5bkm8/1/

        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 '<b>'+ this.series.name +'</b><br/>'+
                        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 '<span style="color:black; height: 25px;">' + this.series.name + ' = ' + this.y + '</span>';
                      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);
      });          

Answer 1

我认为您需要的选项是groupPadding和pointWidth。例如

              groupPadding:0.1,
              pointWidth:20,

http://jsfiddle.net/s3t2pL94/