janir4
Posts: 7
Joined: Mon Oct 22, 2018 6:32 pm

Progress with Styled Highcharts Gantt

Hi!

Please look at the
https://jsfiddle.net/gh/get/library/pur ... yled-mode/

I am trying to show progress bar as well; by adding "completed" data. Have tried
completed: 0.2,

as well as

completed: {
amount: 0.3,
fill: '#9g5'
}

with no luck

Any ideas?

Best regards,
janir
rafalS
Posts: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: Progress with Styled Highcharts Gantt

Hi, janir!

First of all, you need to use this module:

Code: Select all

<script src="https://code.highcharts.com/gantt/highcharts-gantt.js"></script>

Second of all, the color you set doesn't exist:

Code: Select all

fill: '#9g5'
You can not use 'g' letter in the hex color declaration.

Here you have a working example: https://jsfiddle.net/BlackLabel/qzmLtgc7/

Best regards!
Rafal Sebestjanski,
Highcharts Team Lead
janir4
Posts: 7
Joined: Mon Oct 22, 2018 6:32 pm

Re: Progress with Styled Highcharts Gantt

Thanks rafalS!

I did not notice the two versions of the
highcharts-gantt.js

And the second one was plain stupid...

Best regards,
janir
rafalS
Posts: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: Progress with Styled Highcharts Gantt

Typos happen all the time ;) You're welcome!
Rafal Sebestjanski,
Highcharts Team Lead

Return to “Highcharts Usage”