Programmatically move navigation

[a.goutam]

Hi,

I would like to move the navigation time range for gantt chart programmatically. Any idea of how can I achieve this?

[dominik.c]

Hello a.goutam!

Welcome to our forum and thanks for contacting us with your question!

There are a lot of ways of how we can move the navigator from API. Maybe any of them will meet your expectations? For example, we can use top/bottom property to move it to the top/bottom of the chart, we've also got margin property to move it a little from a position set by the top and bottom properties

API references:
https://api.highcharts.com/gantt/navigator.margin

Demo:
https://jsfiddle.net/BlackLabel/L2agq10f/

If you want to do it programmatically please describe your requirements precisely.

Best regards!

[a.goutam]

Hello a.goutam!

Welcome to our forum and thanks for contacting us with your question!

There are a lot of ways of how we can move the navigator from API. Maybe any of them will meet your expectations? For example, we can use top/bottom property to move it to the top/bottom of the chart, we've also got margin property to move it a little from a position set by the top and bottom properties

API references:
https://api.highcharts.com/gantt/navigator.margin

Demo:
https://jsfiddle.net/BlackLabel/L2agq10f/

If you want to do it programmatically please describe your requirements precisely.

Best regards!

I do not want to move the position of navigation but the navigation sliders through API. As we can easily move it by dragging the sliders but as per our requirement, I have to sync this timeline with another timeline. So if a user moves that another timeline, this highchart timeline should also move.

[dominik.c]

Hi again!

Oh all right, I didn't understand you correctly.

Moving sliders on the navigator mean changing the xAxis range and we can do it using setExtremes method on the axis. It's the simplest way of doing it with Highcharts.

API references:
https://api.highcharts.com/class-refere ... etExtremes

Demo:
https://jsfiddle.net/BlackLabel/nLh5acws/

Best regards!