如何在Highcharts中实现Y轴位于右侧的线性图表？

要让Highcharts线性图表的Y轴显示在右侧，只需在Y轴配置项中设置opposite: true即可，具体实现如下：

完整代码示例 #

Highcharts.chart('container', {
    chart: {
        type: 'line' // 指定图表为线性类型
    },
    title: {
        text: 'Y轴位于右侧的线性图表'
    },
    xAxis: {
        categories: ['一月', '二月', '三月', '四月', '五月', '六月']
    },
    yAxis: {
        opposite: true, // 核心配置：将Y轴切换到右侧
        title: {
            text: '数值'
        }
    },
    series: [{
        name: '数据系列',
        data: [10, 20, 15, 25, 30, 22]
    }]
});

关键说明 #

• yAxis.opposite: true：这是实现Y轴右移的核心配置，默认Y轴位于左侧，设置为true后会直接切换到右侧。
• 若需要配置多个Y轴，每个Y轴都可单独通过opposite属性控制其显示位置。

内容的提问来源于stack exchange，提问作者Ivan Kondratev