Highcharts - 在重绘时停止Y轴值更改

Question

When the graph redraws (zoom or resize), the Y axis values change (the max value changes) leaving a big white gap on the top of the graph (no data).

Here's a JsFiddle of the problem (with both real and fake data, same result) and some pictures of my actual graph .

These are my options for that chart :

var chartOptions = {
    title: false,

    xAxis: {
        lineWidth: 0,
        type: 'datetime'
    },

    yAxis: [{
        lineWidth: 0,
    },
    {
        lineWidth: 0,
        opposite: true,     
    }],

    tooltip: {
        shared: true
    },

    series: [{
        name: 'A',
        yAxis: 0,
        type : "area",
    },
    {
        name: 'B',
        yAxis: 1,
        type : "area",
    },
    {
        name: 'C',
        type : "spline",
        yAxis: 0,
    }],

    plotOptions: {
        area: {
            threshold: null
        },
    },

    chart: {
        zoomType: 'x',

    },

    legend: {
        enabled: false
    },
};

Answer 1

You can set alignTicks as false. Example: http://jsfiddle.net/b1vrvn2q/9

chart: {
        zoomType: 'x',
        alignTicks:false
    },