Ярлыки не отображаются для верхних графиков plotLines

Question

Я пытаюсь отобразить plotLines на Highcharts.Но почему-то я не могу отображать метки на plotLines.

Вот фрагмент кода:

var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'view_content',
            type: 'line'
        },
        title: {
            text: 'Dummy Data by Region'
        },
        xAxis: {
            categories: ['Africa', 'America', 'Asia']
        },
        yAxis: {
            plotLines:[{
                value:450,
                color: '#ff0000',
                width:2,
                zIndex:4,
                label:{text:'goal',verticalAlign: 'bottom',
            textAlign: 'right',}
            }]
        },
        series: [{
            name: 'Year 1800',
            data: [107, 31, 50]
        },
                {
            name: 'Goal',
                    type: 'scatter',
                    marker: {
                enabled: true
            },
            data: [450]
        }]
    });

И после визуализации диаграммы я вызываю функцию addPlotLines.

chart.yAxis[0].addPlotLine({
        value: 35.5,
        color: 'green',
        width: 2,
        id: 'plot-line-1',
                    label:{text:"Testing"}
    });

Графики визуализируются, но метка на них не отображается. Вот скриншот:

Я что-то здесь упускаю?

Версия Jquery : 3.1.0

Версия Highcharts : 6.0.3

Answer 1

Эта проблема является ошибкой и сообщается здесь: https://github.com/highcharts/highcharts/issues/8477

Чтобы она работала в версиях ниже 6.1.1, используйте этот обходной путь:

Highcharts.wrap(Highcharts.Axis.prototype, 'getPlotLinePath', function(proceed) {
    var path = proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    if (path) {
        path.flat = false;
    }
    return path;
});

Демонстрация в реальном времени:https://jsfiddle.net/BlackLabel/grpwztL3/