缩小后删除高图y轴标签

时间:2019-04-09 06:53:24

标签: javascript charts highcharts angular2-highcharts

我使用过highcharts 7.0.2版本。

最初在我的应用程序中,图表折线图已正确绑定,但是放大和缩小后,它将在轴标签上产生问题。

下面是一些相同的快照。

此外,我在'xy'轴上使用了zooming

 chart: {
    zoomType: 'xy'
    }

1)缩小之前的图表

enter image description here

2)缩小后的图表 enter image description here

enter image description here

小提琴演示:https://jsfiddle.net/ukLaqtyv/。 要重现该问题,您必须进行非常大的缩放。

缩放图表 enter image description here

点击重置缩放按钮后 enter image description here

1 个答案:

答案 0 :(得分:0)

这个问题看起来像个错误,所以我在Highcharts github上进行了报道:https://github.com/highcharts/highcharts/issues/10516

要解决此问题,可以通过tickPositions方法再次设置update

yAxis: {
    events: {
        afterSetExtremes: function(e) {
            if (
                typeof e.userMin == 'undefined' &&
                typeof e.userMax == 'undefined'
            ) {
                this.update({
                    tickPositions: this.tickPositions
                });
            }
        }
    }
},

实时演示: https://jsfiddle.net/BlackLabel/yx9wtf2p/

API参考: https://api.highcharts.com/highcharts/yAxis.events.afterSetExtremes