项目中用到的hightcharts添加了PlotLine标示线,但是添加了label在网页却只能偶尔显示,无法正常显示 代码及效果

HighCharts:PlotLine的label文字不显示_chrome
HighCharts:PlotLine的label文字不显示_编程_02

原因:highcharts版本比较久,在高版本的Chrome上显示不出来 解决方法:

一、升级hightcharts

二、在调用hightcharts之前添加以下代码,即可正常显示

// Drop-in fix for Highcharts issue #8477 on older Highcharts versions. The
// issue is fixed since Highcharts v6.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;
});

HighCharts:PlotLine的label文字不显示_编程_03
HighCharts:PlotLine的label文字不显示_编程_04