Highcharts -合并y轴

rkkpypqq  于 2023-10-20  发布在  Highcharts
关注(0)|答案(1)|浏览(198)

有没有一种方法可以将合并不同的y轴合并成一个?
我有23个数据集,我想在同一个线图上显示,我希望它只有一个y轴,尽管不同线的值差异很大(例如,一条线上的点可以在50 000左右波动,另一条线上的点可以在5或6左右波动)。
我要找的是这个:

r1zhe5dt

r1zhe5dt1#

您可以模拟多个y轴以显示为一个。一个主轴应该有线和刻度,另一个不应该-您可以使用tickWidthtickLengthlineWidth选项(分别为每个轴)进行设置。
然后,您需要通过将轴的偏移设置为0来设置轴的垂直位置。您还需要调整它们的最小值、最大值和tickPositions以适应数据。
轴配置示例:

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/

相关问题