dev_
Posts: 4
Joined: Wed Apr 07, 2021 4:30 pm

Changing progress on the fly

Wed Apr 07, 2021 4:33 pm

Hello,

Is there any built in functions to allow updating the percentage progress on the fly through the UI?
Other libraries I have seen provides a draggable slider which you can use to update the progress/percentage of a data series.

User avatar
sebastian.h
Posts: 1009
Joined: Fri Aug 07, 2020 7:08 am

Re: Changing progress on the fly

Thu Apr 08, 2021 10:49 am

Hi,
Thanks for contacting us with your question!

Updating the percentage progress on the fly, what does mean?

You are looking for something like loading?
"The loading options control the appearance of the loading screen that covers the plot area on chart operations."
https://api.highcharts.com/highcharts/loading

I'm waiting for news from you.
Best regards.
Sebastian Hajdus
Highcharts Developer

dev_
Posts: 4
Joined: Wed Apr 07, 2021 4:30 pm

Re: Changing progress on the fly

Thu Apr 08, 2021 12:52 pm

sebastian.h wrote:
Thu Apr 08, 2021 10:49 am
Hi,
Thanks for contacting us with your question!

Updating the percentage progress on the fly, what does mean?

You are looking for something like loading?
"The loading options control the appearance of the loading screen that covers the plot area on chart operations."
https://api.highcharts.com/highcharts/loading

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

It wouldn't be the loading that I am looking for. It would be a simple slider on each bar to slide the percentage.

You can see an example of the feature on here https://webix.com/demos/gantt/

If you hover over one of the bars you will see a little triangle slider where the percentage is on the bar and you can slide that back and forth to change the percentage value.

You can view an example in this video I made
PercentageSliderGantt.zip
Slide Example
(40.48 KiB) Downloaded 1 time

User avatar
sebastian.h
Posts: 1009
Joined: Fri Aug 07, 2020 7:08 am

Re: Changing progress on the fly

Fri Apr 09, 2021 2:15 pm

Hi,
Thanks for the detailed inforamtion.

Now it's clear, you can set data.complete to set the progress-indicator.
https://www.highcharts.com/demo/gantt/p ... -indicator

If you want to add a slider in the progress indicator you need to create this by adding custom code with editing core code.

References:
https://api.highcharts.com/highcharts/data.complete

Let me know if that was what you were looking for.
Best regards.
Sebastian Hajdus
Highcharts Developer

dev_
Posts: 4
Joined: Wed Apr 07, 2021 4:30 pm

Re: Changing progress on the fly

Fri Apr 09, 2021 4:48 pm

sebastian.h wrote:
Fri Apr 09, 2021 2:15 pm
Hi,
Thanks for the detailed inforamtion.

Now it's clear, you can set data.complete to set the progress-indicator.
https://www.highcharts.com/demo/gantt/p ... -indicator

If you want to add a slider in the progress indicator you need to create this by adding custom code with editing core code.

References:
https://api.highcharts.com/highcharts/data.complete

Let me know if that was what you were looking for.
Best regards.
Hey Sebastian,

what do you mean by
If you want to add a slider in the progress indicator you need to create this by adding custom code with editing core code.
?

User avatar
sebastian.h
Posts: 1009
Joined: Fri Aug 07, 2020 7:08 am

Re: Changing progress on the fly

Mon Apr 12, 2021 8:54 am

Hi,

Here is explained how to add an extension to Highcharts:
https://www.highcharts.com/docs/extendi ... -extension

Best regards.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Gantt”