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

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

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

下面是一个从Highcharts演示页面改编的示例，该示例运行正常：

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

---

谢谢。

您可以修改

pointWidth

和

groupPadding/pointPadding

参数

编辑：您应该定义

点范围

---

从我所看到的，示例向我展示的是没有额外填充的；与上面@ricksuggs的截图不同，这里有额外的填充

我认为“问题”在于

多个系列具有单个数据点

与

单个系列具有多个数据点

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

---

为了回答您的问题，我相信这就是为什么会有额外的间距。但是，我找不到一种方法来消除它，因为将多个序列分组到具有多个数据点的单个集合还有其他限制（在图例中隐藏序列、着色等）。

不过，感谢您的建议，这并没有解决我所经历的具体问题。我的列朝图表的中心分组，第一列左侧和最后一列右侧的间距过大。请看我为更好地解释而添加的原始问题的图片。