从附图中可以看出,我的x轴类别在中间聚集在一起。如何配置highcharts以占用更多的x轴?注意:图表大小是动态的,它会根据应用程序中的整体浏览器大小和拆分面板而增长和缩小。因此,点宽度的显式计算不是一个选项(我希望highcharts为我做的工作)。
注意:图片是垂直裁剪的。
我正在使用的图表选项是:
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答案 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)
您可以尝试设置pointWidth()http://api.highcharts.com/highcharts#plotOptions.column.pointWidth