如何在Highcharts中设置多个y轴的间隔？

Question

我在区域图表中使用Highcharts并显示2个y轴但无法为它们设置不同的最小值，最大值和刻度间隔。

我们需要帮助实现多个y轴，设定值为min，max和tick interval。

我们在区域图表中使用Highcharts，在图表的左侧有一个Y轴，在图表的右侧有一个。 在Y轴的左侧，我们需要勾选间隔为5，当前显示为20。 而在Y轴的右侧，我们需要10的刻度间隔，当前显示为20。 类似地，Y轴的最小值和最大值需要不同。 我们如何实现这个目标？

感谢帮助。

以下是我的highcharts配置：

chart: {
    type: 'area',
},
title: {
    text: null
},
xAxis: {
    min: 0,
    max: 600,
    tickInterval: 50,
    title: {
        text: ""
    }
},  
yAxis: [{
    min: 10,
    max: 40,
    tickInterval: 5,
    title: {
        text: ''
    }
},{
    min: -30,
    max: 30,
    tickInterval: 10,
    title: {
        text: ''
    },
    opposite: true
}],
size: {
    width: 1050,
    height: 170
},
series: [{
    showInLegend : false,
    name: '',
    yAxis: 0,
    color: 'red',
    lineWidth: 1,
    data: [33.69, 33.68, 33.68, 33.68, 33.68, 33.86, 33.59, 33.96, 33.89, 33.98]
},{
    showInLegend : false,
    name: '',
    yAxis: 0,
    color: 'orange',
    lineWidth: 1,
    data: [21.71, 30.42, 30.42, 30.42, 30.42, 31.03, 21.63, 29.81, 30.92, 21.63]
},{
    showInLegend : false,
    name: '',
    yAxis: 1,
    color: 'black',
    lineWidth: 1,
    data: [-8.44, -8.65, -8.65, -8.65, -8.65, -8.68, -8.62, -8.77, -8.56, -8.73]

};

Answer 1

你必须使用

  

alignTicks: false

此处已更新fiddle