CODEWITHSUNDEEP
javascripthighcharts
Grahame A
Grahame A

Reputation: 3953

Highcharts - Cross browser charts have different Y axis ranges, how can I ensure consistency?

I'm using Highcharts to graph data on our site. Unfortunately we have to support internet explorer, and naturally, highcharts renders differently in IE than in Chrome.

The problem I'm having is that the charts have different Y ranges in chrome than in internet explorer. Is there a config setting I can use to make the ranges consistent? Here are screenshots of what I'm talking about:

IE (Desired Result)

Chart in IE

Chrome (Incorrect)

Chart in Chrome

I'm looking for a config option for the tick intervals. Notice in IE the Y axis on the left is in multiples of 250, whereas chrome is in multiples of 200.

Upvotes: 1

Views: 390

Answers (1)

wergeld
wergeld

Reputation: 14442

Without seeing your code this is only a guess since you may have already done this. Try using the yAxis property max. This will let you set the maximum range for the yAxis. Same can be done for the min.

Finally, use tickInterval to set the range between steps.

Upvotes: 6

Related Questions