多个 y 轴导致范围有太多填充

Question

当我用一个 y 轴绘制图表时，范围填充是正确的。

当我用没有数据的额外轴绘制同一个图表时，填充过多。

yAxis: [
    {
        allowDecimals: false,
        min: 0,
        title: {
            text: 'Opens'
        }
    },
    {
        allowDecimals: false,
        min: 0,
        title: {
            text: 'Cumulative'
        },
        opposite: true
    }
],

这两个我都有 jsfiddle。

是否缺少我的设置？

Answer 1

可以在chart选项中设置alignTicks: false:

chart: {
    type: 'column',
    alignTicks: false
}

您可以在 DEMO.

中看到它

您还可以使用 tickPositions 来设置您希望轴在图表中显示的确切点：

tickPositions: [0, 2, 4, 6, 8, 10]

这是一个DEMO。

如果您想动态设置位置，可以使用 tickPositioner 函数：

tickPositioner: function () {

    var positions = [],
    tick = Math.floor(this.dataMin),
    increment = Math.ceil((this.dataMax - this.dataMin) / 5);

    for (tick; tick - increment <= this.dataMax; tick += increment) {
        positions.push(tick);
    }

    return positions;
}

这里是 DEMO。

Answer 2

您需要将 alignTicks 设置为 false。

多个 y 轴导致范围有太多填充

Multiple y-axes causing range to have too much padding

highcharts