旧版本highcharts的plotLine Labels在高版本Chrome上不显示的问题(highcharts旧版本的标示线及标签文字在一些高版本Chrome不显示)

v6.0.7 in Chrome(67): ok
v6.0.7 in Chrome(69): text label does not show
v6.1.1 in Chrome(69): ok 

前段时间需要修改一个公司08年的项目,里面的highcharts中在现在最新版的Chrome上不显示plotLine Labels,google搜索关键字“plotLine labels do not work in browsers”可以搜索出结果,有两个解决方案:

方法一、 

升级 highcharts,由于项目里涉及到的highcharts较多,所以不采用此方法

方法二、  

在使用plotLine Labels中,在调用highcharts之前添加一段代码: 

// 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;
    });

这样就可以解决啦!!!页面上已经显示出来标示线了 

你可能感兴趣的:(JavaScript学习)