javascript - 标签未呈现 plotLines highcharts

Question

我正在尝试在 Highcharts 上渲染 plotLines。但不知何故，我无法在 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"}
    });

绘图线正在渲染，但其上的标签未渲染。 Here is the screenshot:

我在这里遗漏了什么吗？

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/