0

I have used highcharts 7.0.2 version.

In my application initially, charts line charts are bound properly but after zoom in and zoom out it will create an issue on axis labels.

Below are some snaps for the same.

Also, I have used the zooming on 'xy' axis.

 chart: {
    zoomType: 'xy'
    }

1) Chart before zoom out

enter image description here

2) Charts after zoomout enter image description here

enter image description here

Fiddle demo: https://jsfiddle.net/ukLaqtyv/. To reproduce the issue you have to do very large zoom.

Chart with zoom enter image description here

After click on reset zoom button enter image description here

Maulik sojitra
  • 110
  • 8
  • 2
    We won't be able to help you unless you show some code. Please create a [fiddle](https://jsfiddle.net/)/[codepen](https://codepen.io) example and post the link in your question. – prinkpan Apr 09 '19 at 06:57
  • I have added a jsfiddle link and scenario for reproducing the issue in the description. – Maulik sojitra Apr 09 '19 at 08:15
  • 1
    FYI just tried on chrome ,IE and firefox, only chrome bug. – Core972 Apr 09 '19 at 08:56

1 Answers1

1

This problem looks like a bug, so I reported it on Highcharts github: https://github.com/highcharts/highcharts/issues/10516

To workaround, you can set tickPositions again by the update method:

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

Live demo: https://jsfiddle.net/BlackLabel/yx9wtf2p/

API Reference: https://api.highcharts.com/highcharts/yAxis.events.afterSetExtremes

ppotaczek
  • 36,341
  • 2
  • 14
  • 24