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

Question

我有一个 Highcharts 日期时间柱形图，其中有几个动态添加和更新的系列。看起来图书馆正在生成图表，在第一列之前和最后一列之后有大量空间。就好像列被分组到图表的中心，而它们应该在空间中均匀排列。我尝试调整轴选项的 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