Highcharts-轴最小填充和最大填充不工作

我在我的图表中添加了一些填充，因为我想控制实际图表和容器之间的空间，我遇到了一个问题。 看看mi first fiddle，所有这些似乎都是合法的，但填充物没有被应用：

但是如果我复制“xAxis”键，这次没有类别数组，这似乎是非常错误的，没有任何原因它可以工作：

---

我一点也没想到这会起作用，事实上，我错发现了。为什么只有在我重复xAxis键定义时它才起作用？

好吧，Agustin，在您的第二个场景中，这不是什么发现，而是一个常见的逻辑。我不确定您想要实现什么，但是没有必要定义两次

xAxis

。只需删除第一个就可以得到相同的结果，这样看起来第二个就会覆盖第一个。看一下你的小提琴，我觉得它和你的一样。还有一种情况可能是填充不适用于分类数据，因此在未指定类别的情况下可以正常工作。你当然可以用移除的类别来改变填充

---

另一方面，如果您想保留x轴标签并只添加外部间距，请尝试使用小提琴中的

图表.spating

配置选项。

好吧，在第二个场景中，这不是什么发现，而是一个常见的逻辑。我不确定您想要实现什么，但是没有必要定义两次

xAxis

。只需删除第一个就可以得到相同的结果，这样看起来第二个就会覆盖第一个。看一下你的小提琴，我觉得它和你的一样。还有一种情况可能是填充不适用于分类数据，因此在未指定类别的情况下可以正常工作。你当然可以用移除的类别来改变填充

---

另一方面，如果要保留x轴标签并仅添加外部间距，请尝试使用此处小提琴中的

图表.间距

配置选项。

属性

最小填充

和

最大填充

不适用于类别轴类型。改用

min

和

max

选项

Highcharts.chart('container', {
    xAxis: {...},
    ...
}, function() {
    var xAxis = this.xAxis[0];
    this.update({
        xAxis: [{
            min: xAxis.min + 0.2,
            max: xAxis.max - 0.2
        }]
    }, true, true, false);
});

---

---

实时演示：

属性

minPadding

和

maxPadding

不适用于类别轴类型。改用

min

和

max

选项

Highcharts.chart('container', {
    xAxis: {...},
    ...
}, function() {
    var xAxis = this.xAxis[0];
    this.update({
        xAxis: [{
            min: xAxis.min + 0.2,
            max: xAxis.max - 0.2
        }]
    }, true, true, false);
});

---

现场演示：

Highcharts.chart('container', {
    xAxis: {...},
    ...
}, function() {
    var xAxis = this.xAxis[0];
    this.update({
        xAxis: [{
            min: xAxis.min + 0.2,
            max: xAxis.max - 0.2
        }]
    }, true, true, false);
});