Javascript 如何使用曲线或圆弧连接图形点

我正在用海图做一个图表。我的图表如下所示，

我想使用圆弧或曲线合并点。因此，我的预期输出如下所示

此外，我正在使用绘图线在Yaxis中绘制一条线。我要在绘图线中标记该点。我正在使用下面的代码制作这个图

$(document).ready(function () {


var left = [[4,7],[9,2]];
var right = [[2,2],[9,9]];


Highcharts.chart('container', {



title:{
    text:''
},

tooltip: { enabled: false },      

exporting: { enabled: false },

credits: {enabled: false},


plotOptions: {
    series: {
        pointStart: 1

    }
},

xAxis: {
    max: 10,
    min: 1,
    tickInterval: 1
},

 yAxis: {
    max: 11,
    min: 0,
    tickInterval: 1,

    plotLines: [{
        color: 'black', 
        value: 5.5,
        width: 2

    }],

},



series: [{
    showInLegend: false,
    data: left
},
{
    showInLegend: false,
    data: right
},

],


});

});

---

可以使用绘制从一点到另一点的路径。使用axis.toPixels可以将值转换为像素-请参见示例如何基于中心线plotline动态更改曲线曲线曲线应如何依赖于绘图线？曲线是基于我的绘图线点连接的扫描请检查此。-@摩根弗里。我是用静态点来做这个的。但我想根据左、右、中心数据的