Highcharts流图-如何通过Y轴进行1:1缩放?

时间:2019-01-09 16:07:19

标签: javascript highcharts

这是我的代码-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。 请告知。

1 个答案:

答案 0 :(得分:0)

轴适应数据并且彼此独立。要在轴上具有相同的比例,请设置相同的tickIntervalmaxmin属性:

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

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

实时演示:https://jsfiddle.net/BlackLabel/289jtzp1/