Skip to Content (Press Enter)
2024-04-15 05-25-57
JMATHEW
360Views
6Comments
Solved
How to use Highchart Gantt Chart ?
Question
Reactive
Charts
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,

2
0
28 May 2021
Copy Link
2020-11-03 15-44-21
David Vaello
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.

See solution in context
SampleHighCharts.oml
2
0
31 May 2021
Copy Link
2024-04-15 05-25-57
JMATHEW

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.

0
0
31 May 2021
Copy Link
2021-05-29 12-12-45
PedroMSoares

Hello,


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

Here is the filtered link

0
0
29 May 2021
Copy Link
2024-04-15 05-25-57
JMATHEW

Hello,

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


0
0
30 May 2021
Copy Link
2020-11-03 15-44-21
David Vaello
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
2
0
31 May 2021
Copy Link
2024-04-15 05-25-57
JMATHEW

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.

0
0
31 May 2021
Copy Link
2023-08-28 07-00-10
Paulo Torres
Champion

Hello,

Someone know if exist some way to click in some task and can edit the dates?

Thanks, Paulo Torres

2
0
26 Aug 2022
Copy Link
2023-08-28 07-00-10
Paulo Torres
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.