0

从附图中可以看出，我的 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);

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

更新：这是一个显示相同问题的 JSFiddle

4

2 回答 2

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);
...
于 2013-03-28T16:56:15.790 回答
0

您可以尝试设置 pointWidth() http://api.highcharts.com/highcharts#plotOptions.column.pointWidth

于 2013-03-26T13:53:39.853 回答