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

Answer 2

从我所看到的情况来看，示例http://jsfiddle.net/ricksuggs/PRKAJ/36/向我展示了没有额外的填充；与上面@ricksuggs 的屏幕截图不同，其中有额外的填充。

我相信“问题”在于multiple series with single data pointsvs. a single series with multiple data points。

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

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