Javascript 如何用两个y值绘制数据点？

我寻找这个答案已经有一段时间了，虽然有一些答案很接近，但我还没有找到正确的解决方案

我想画一张水位随时间变化的折线图。我想让深度（ex:25m）y轴在一边，而海平面以上的高度（ex:1300m）在另一边。图表上应该只有一行带有数据点

此时，配置如下所示：

var config = {
    title: {
        text: 'Borehole Water Level'
    },
    options: {
        tooltip: {
            formatter: function() {
                var tooltip = '<b><u>' + boreholename + '</u></b>';

                $.each(this.points, function() {
                    tooltip += '<br/><strong>Date : </strong>' + BaseService.formatDate(this.x);
                    tooltip += '<br/><strong>' + this.series.name + ': </strong>' +
                    this.y + 'm';
                });
                return tooltip;
            },
            shared: true
        }
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            month: '%e. %b',
            year: '%b'
        }
    },
    yAxis: [{
        title: {
            text: 'Depth [m]'
        }
        }, {
            opposite: true,
            title: {
                text: 'Level above sea [m]'
            }
        }],
        series: [{
            name: 'Water Level depth',
            data: chartdata,
        }, {
            name: 'Water Level above sea level',
            data: chartdata2,
            yAxis: 1
        }]
    };
    return config;
};

var配置={
标题：{
文字：“钻孔水位”
},
选项：{
工具提示：{
格式化程序：函数（）{
变量工具提示=“”+boreholename+“”；
$.each（this.points，function（）{
工具提示+='
日期：'+BaseService.formatDate（this.x）；
工具提示+='
'+this.series.name+'：'+
这个.y+‘m’；
});
返回工具提示；
},
分享：真的
}
},
xAxis：{
键入：“日期时间”，
日期时间标签格式：{
月份：'%e.%b'，
年份：'%b'
}
},
亚克斯：[{
标题：{
文字：“深度[m]”
}
}, {
相反：是的，
标题：{
文字：“海平面[m]”
}
}],
系列：[{
名称：“水位深度”，
数据：图表数据，
}, {
名称：“海平面以上的水位”，
数据：chartdata2，
亚克斯：1
}]
};
返回配置；
};

---

目前我有两行代码，但我只想要一行。

实现您想要的最简单的方法是将第二个yAxis链接到第一个yAxis，并使用

格式化程序修改第二个yAxis的标签

API参考：


示例：

这几乎解决了您的需要，但在该示例中，两个y轴对应于两条不同的绘图线。我只有一组数据，但希望同一数据点有两个y轴。下面的答案就是我想要的。谢谢！正是我想要的。没问题：）。如果答案是有用的，请考虑接受它。当做