Anant_Sharma
Posts: 8
Joined: Thu May 26, 2022 1:12 pm

Navigator is not setting to full width

CA.PNG
CA.PNG (96.06 KiB) Viewed 253 times
Hi!,

As we can see in the screenshot the below navigator is not taking full scale width, the width is taking according to 1st x-axis not the 2nd one, I want it so that the scale adjust to [min and max] of both the xaxis combined. Is it possible to make it dynamic?

PS:--> number of xAxis can be more than 2 so whenever we add a new xaxis the navigator should adjust to min and max of all the xAxes present on screen

Thanks
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Navigator is not setting to full width

Hi there,

Thank you for contacting us!

Although it's hard to give you a solid answer without looking at your actual code, I would suggest looking into the setExtremes method that's available on the navigator.xAxis.

With that, you can grab the extremes from all of your axes, take the lowest and highest value, and then input them into the navigator.xAxis.setExtremes method. All of the above can be done on the chart load event.

Let me know if you'll need any tips or guidance while implementing that,
Good luck!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Stock”