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

【问题标题】：Highcharts - Why is there extra spacing before the first column and after the last column?Highcharts - 为什么在第一列之前和最后一列之后有额外的间距？
【发布时间】：2018-03-20 22:48:58
【问题描述】：

我有一个 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/

谢谢。

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

可以修改pointWidth和groupPadding/pointPadding参数

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

编辑：你应该定义pointRange

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

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

【讨论】：

感谢您的建议，但这并不能解决我遇到的具体问题。我的列被分组到图表的中心，第一列左侧和最后一列右侧的间距太大。请查看我添加的原始问题的图片以更好地解释。

【解决方案2】：

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

我相信“问题”在multiple series with single data points与a single series with multiple data points之间。

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

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

【讨论】：