How to use Highchart Gantt Chart ?
Application Type
Reactive

Greetings,

I'm trying to implement following https://www.highcharts.com/demo/gantt/with-navigation highchart Gantt chart in my react web app. 

May how to use it? Kindly please share if anyone have a working sample?

Regards,

Solution

Hi,

I attach a sample in reactive. The sample chart is based in jscript, so you must review the jscript and adjust it to your needs. You don't forget to check the highcharts documentation (https://www.highcharts.com/docs/gantt/getting-started-gantt) in order to change the behaviour. 

Kind regards, David.

SampleHighCharts.oml

Hi,

Thanks for your help David. 

It's a fantastic solution to explore. I was looking for similar one. Also it helped me to gain more knowledge about how to use 3rd party javascript plugins efficiently in reactive web.

Hello,


You can try and look up for a forge component for ideas, maybe you can find something.

Here is the filtered link

Hello,

Thanks for your help Pedro. I'll have a look.


Solution

Hi,

I attach a sample in reactive. The sample chart is based in jscript, so you must review the jscript and adjust it to your needs. You don't forget to check the highcharts documentation (https://www.highcharts.com/docs/gantt/getting-started-gantt) in order to change the behaviour. 

Kind regards, David.

SampleHighCharts.oml

Hi,

Thanks for your help David. 

It's a fantastic solution to explore. I was looking for similar one. Also it helped me to gain more knowledge about how to use 3rd party javascript plugins efficiently in reactive web.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.