Highcharts - 组合y轴

Question

有没有办法将不同的y轴组合成一个？

我想在同一个线图上显示23个数据集，我希望它只有一个y轴，尽管事实上不同的行＆＃39;值差别很大（例如，一行中的点可以在5 000左右波动，而另一行中的点可以在5或6左右波动）。

我在寻找的是：

Answer 1

您可以模拟多个y轴显示为一个。一个主轴应该有线和刻度线，另一个不应该 - 你可以用tickWidth，tickLength和lineWidth选项设置它（分别针对每个轴）。

然后，您需要通过将轴的偏移设置为0来设置轴的垂直位置。您还需要调整它们的min，max和tickPosition以适合数据。

轴配置示例：

yAxis: [{ // Primary yAxis
    min: 4.5,
    max: 27.5,
    tickPositions: [7, 25],
    startOnTick: false,
    endOnTick: false,
    gridLineWidth: 0,
    offset: 0,
    labels: {
        format: '{value}°C',
        style: {
            color: Highcharts.getOptions().colors[2]
        }
    },
    title: {
        text: null
    },

}, { // Secondary yAxis
    gridLineWidth: 0,
    offset: 0,
    title: {
        text: null
    },
    labels: {
        format: '{value} mm',
        style: {
            color: Highcharts.getOptions().colors[0]
        }
    },
    lineWidth: 1,
    tickLength: 10,
    tickWidth: 1,
    tickPositions: [49.9, 220]
}, { // Tertiary yAxis
    gridLineWidth: 0,
    endOnTick: false,
    startOnTick: false,
    min: 1009,
    max: 1018.5,
    tickPositions: [1009.5, 1018],
    offset: 0,
    title: {
        text: null
    },
    labels: {
        format: '{value} mb',
        style: {
            color: Highcharts.getOptions().colors[1]
        }
    }
}],

示例：http://jsfiddle.net/w7z1p8qy/