Estoy tratando de trazar un gráfico como el siguiente usando highcharts. mi intento fue aquí jsfiddle (ignore el símbolo del marcador)

 Highcharts.chart("container", { chart: { spacing: [50, 30, 30, 30], }, title: { text: "", }, xAxis: { categories: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ], plotLines: [ { value: 3, dashStyle: "dash", color: "red", label: { text: "Plot line", rotation: 0, y: -10, }, }, ], }, yAxis: { lineWidth: 1, startOnTick: false, }, series: [ { data: [ 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, ], }, { name: "target", showInLegend: false, marker: { enabled: true, symbol: "triangle", fillColor: "red", height: 50, width: 50, }, data: [null, null, null, 180], }, { showInLegend: false, data: [180, 180, 180, 180], color: "red", dashStyle: "dash", lineWidth: 1, marker: { enabled: false, }, enableMouseTracking: false, states: { inactive: { enabled: false, }, }, pointPlacement: "on", }, ], });

Como puede ver, Plotline en xAxis está bien, pero en yAxis debería ser solo hasta el punto y no pude hacerlo con las líneas de trama y agregué series con múltiples puntos con mousetracking=false. El problema es que no puedo hacer que la línea de la serie comience en yAxis (parte resaltada en un rectángulo). Cualquier ayuda es apreciada.