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

Question

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

当我使用没有数据的额外轴绘制相同的图表时，填充太多了。

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

我同时拥有jsfiddle。

我缺少一个设置吗？

Answer 1

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

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。