Gantt progress timeline

[nafarkash]

Hi,

I trying to create a progress timeline using Gantt general theme.
the meaning of progress timeline is that I set the tickInterval to one second (including display) with the following settings

Code: Select all

labels: {
  format: "{value:%M:%S}",
},
tickInterval: 1000

and would like a smooth progress indication that is updated automatically (or programmatically if not possible) which I assume utilizes currentDateIndicator or plotLine.

How can I achieve this settings?

Thanks,
Naor.

[sebastian.h]

Hi,
Welcome to our forum and thanks for contacting us with your question.

Could you please choose one of these charts and show it as an example?
https://www.highcharts.com/demo/gantt

I don't understand what you want to achieve, do you want to make a bar like in the navigator?

I'm waiting for news from you.
Best regards.

[nafarkash]

Here is the general Gantt view that I have created: https://jsfiddle.net/k7e8zayL/.
It is based on your Gantt navigation example with the modification of the tickInterval and xAxis label format.

You can see that there is a vertical red plotline.
My goal is when the user press a start button, the red plotline (or currentDateIndicator if possible) will smoothly progress on the chart.
How can I do this?

Thanks.

[sebastian.h]

Hi,
Thanks for the details.

In this example, I use the Highcharts.Chart#update to update the chart options.
When I click the button I show the current date indicator.
https://api.highcharts.com/class-refere ... art#update

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

Let me know if that was what you were looking for!
Best regards.