График потока Highcharts - как сделать масштаб 1: 1 по оси Y?

Question

Вот мой код - https://jsfiddle.net/rxqpt8u4/1/

var colors = Highcharts.getOptions().colors;
Highcharts.chart('container', {

    chart: {
        type: 'streamgraph',
        marginBottom: 30,
        zoomType: 'x'
    },


   yAxis: {

        min:0           
    },  
    // Data parsed with olympic-medals.node.js
    series: [
    {
        "name": "Austria",
        "data": [
            2, 3, 4, 5, 5, 6, 6, 6, 7
        ]
    }]

});

Не могу понять, почему значения не масштабируются 1: 1. Вместо этого они масштабируются 0,5: 1. Пожалуйста, сообщите.

Answer 1

Оси адаптируются к данным, и они не зависят друг от друга. Чтобы иметь одинаковый масштаб на осях, установите одинаковые свойства tickInterval, max и min:

    events: {
        load: function() {
            var xAxis = this.xAxis[0];

            this.yAxis[0].update({
                tickInterval: xAxis.tickInterval,
                max: xAxis.dataMax
            });
        }
    }

Демонстрация в реальном времени: https://jsfiddle.net/BlackLabel/289jtzp1/