如何使x轴扩展以获取更多的图表宽度

时间:2013-03-25 16:09:23

标签: highcharts gwt-highcharts

从附图中可以看出,我的x轴类别在中间聚集在一起。如何配置highcharts以占用更多的x轴?注意:图表大小是动态的,它会根据应用程序中的整体浏览器大小和拆分面板而增长和缩小。因此,点宽度的显式计算不是一个选项(我希望highcharts为我做的工作)。

注意:图片是垂直裁剪的。

enter image description here

我正在使用的图表选项是:

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);

换句话说,图例已关闭,列图选项设置为零组填充。

更新:这是一个显示相同issue

的JSFiddle

2 个答案:

答案 0 :(得分:1)

对于遇到同一问题的其他人,解决方案是设置ColumnPlotOptions的pointRange选项。在JSON中,这看起来像:

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

在GWT-Highcharts中,您实际上并没有针对pointRange的特定API。因此,设置如下通用选项:

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

答案 1 :(得分:0)