Highcharts - 为什么在第一列之前和最后一列之后有额外的间距？

Question

我有一个Highcharts datetime柱形图，其中包含几个动态添加和更新的系列。看来该库正在生成第一列之前和最后一列之后有大块空间的图表。就好像列被分组到图表的中心，而它们应该在整个空间中均匀排列。我已经尝试调整轴选项的minPadding和maxPadding但没有成功：

    xAxis: {
        type: 'datetime',
        minPadding: 0,
        maxPadding: 0,
        labels:{
            formatter:function () {
                return Highcharts.dateFormat('%b %e', this.value);
            }
        }
    },

这是一个改编自Highcharts演示页面的示例，其行为正确：

http://jsfiddle.net/ricksuggs/8Gt2y/

虽然这个由我自己编写的例子显示了额外的填充：

http://jsfiddle.net/ricksuggs/PRKAJ/36/

谢谢。

Answer 1

您可以修改pointWidth和groupPadding/pointPadding参数

http://jsfiddle.net/PRKAJ/37/

编辑：你应该定义pointRange

http://jsfiddle.net/PRKAJ/41/

http://api.highcharts.com/highcharts#plotOptions.series.pointRange

Answer 2

从我看到的情况来看，示例http://jsfiddle.net/ricksuggs/PRKAJ/36/向我显示没有额外填充;与上面的@ricksuggs截图不同，那里有额外的填充。

我认为＆＃34;问题＆＃34; 位于multiple series with single data points与a single series with multiple data points之间。

对于每个集合中具有单个数据点的多个系列（=集合），列被分组在一起，期望来自另一个集合的另一个分组数据点，从而创建填充。但是，对于包含多个数据点的单个集合，这些数据点均匀分布，不会创建额外的填充。

要回答你的问题，我相信这就是为什么会有额外的间距。然而，我找不到如何摆脱它的方法，因为将多个系列分组为单个集合多个数据点有其他限制（隐藏图例中的系列，着色，......）。