在Highcharts中不强制强制yAxis.max

Question

......或者我的错是什么？

我试图在两个轴上设置yAxis.max值.但它不起作用.

左边的yAxis应该是330-410,tickInterval是10,右边的是-0.6-1,1,tickInterval是0.1.

这是一个小提琴.

   yAxis: [{
        labels: {
            style: {
                color: "#4553c5"
            }
        },
        title: {
            text: "ppm",
            align: "high",
            rotation: 0,
            x: 10,
            y: -30,
            textAlign: 'left',
            style: {
                color: "#4553c5"
            }
        },
        min: 330,
        max: 410,
        tickInterval: 10,
        gridLineWidth: 1,
        gridLineColor: '#efefef',
        endOnTick: false
    }, {
        labels: {
            style: {
                color: "#ec5d61"
            }
        },
        title: {
            text: "°C Anomaly",
            align: "high",
            rotation: 0,
            textAlign: "right",
            x: -10,
            y: -30,
            style: {
                color: "#ec5d61"
            }
        },
        min: -0.6,
        max: 1.1,
        tickInterval: 0.2,
        gridLineWidth: 1,
        gridLineColor: '#efefef',
        opposite: true,
        endOnTick: false
    }],

这有什么问题？谢谢你的任何提示!

Answer 1

使用双轴时,min和max会被默认alignTicks设置混淆.

设置alignTicks为false通常可以解决问题

    chart: { 
        alignTicks: false
    },

例:

• http://jsfiddle.net/jlbriggs/9hnx0w46/6/

OTOH,使用像这样的双y轴图表通常是一个坏主意,因为它混淆了两个系列,其相互作用并不意味着什么,因为它们是在两个不同的尺度上测量的.

有用的阅读主题:

• https://www.perceptualedge.com/articles/visual_business.../dual-scaled_axes.pdf