How do I get x-axis to expand to take more of the chart width

Question

As you can see from the attached image, my x-axis categories are getting bunched together in the middle. How can I configure highcharts to take up more of the x-axis? Note: The chart size is dynamic, it grows and shrinks based on the overall browser size and split-panels within the app. So explicit computation of the point-width is not an option (I expect highcharts to do the work for me).

Note: The picture is vertically cropped.

The chart options I'm using are:

highchart.setAnimation(false);
Legend legend = new Legend();
legend.setEnabled(false);
highchart.setLegend(legend);

highchart.getXAxis().setCategories(result.getAxisXCategories().toArray(new String[] {}));
highchart.setType(Series.Type.COLUMN);
ColumnPlotOptions options = new ColumnPlotOptions();
options.setStacking(Stacking.NORMAL);
options.setGroupPadding(0);
options.setAnimation(true);
highchart.setColumnPlotOptions(options);

In other words, legend is turned off and column plot options is set to zero group-padding.

UPDATE: Here is a JSFiddle showing the same issue

Answer 1

For others who run into the same issue, the solution is to set the pointRange option of the ColumnPlotOptions. In JSON this looks like:

"plotOptions": {
        "column": {
            "stacking": "normal",
            pointRange: 1,
                "groupPadding": 0
        }
    }

In GWT-Highcharts, you don't actually have a specific API for pointRange. Therefore set a generic option like this:

ColumnPlotOptions options = new ColumnPlotOptions();
options.setOption("pointRange", 1.0);
...