369
Views
8
Comments
Solved
Gantt Chart for reactive
Question

Anyone already developed a reactive app which uses gantt chart? I can't find any plugin with regards to this.

or anyone knows how to import react.js like the link below
https://github.com/DHTMLX/react-gantt-demo

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Solution

Hi Clint,

Charts are pretty much the same between Traditional Web and Reactive Web (and even Mobile), so why are you explicitly asking for Reactive?

Secondly, if Highcharts supports Gant charts (which it does, afaik), then you can tweak OutSystems Charts to show them (using the AdvancedFormat Property).

UserImage.jpg
Jason Chen

Kilian Hekhuis wrote:

Hi Clint,

Charts are pretty much the same between Traditional Web and Reactive Web (and even Mobile), so why are you explicitly asking for Reactive?

Secondly, if Highcharts supports Gant charts (which it does, afaik), then you can tweak OutSystems Charts to show them (using the AdvancedFormat Property).


Hi Kilian,

Could you give me a hint that how should I set the data for the Gantt Charts or XRange Charts? As we need an X1 and an X2 for the same point, and the "Value" field in the DataPoint structure is a single decimal value, I couldn't find a way to do so. Should I use an empty DataPoints variable then set the data using the AdvancedFormat Property to set the data? Could you give me an example of how to set up charts where the value is a date range (start date and end date)? Thank you.

UserImage.jpg
Clint Menguito

Hi Sir,

Highcharts is not supported in reactive web. but I already found a solution, thanks.

2023-08-28 07-00-10
Paulo Torres
Champion

Can you share your solution? Thanks

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Clint,

All charts in OutSystems are Highcharts, including those in Reactive! But OutSystems uses a rather old version (6.1), so not everything in the Highcharts documentation might apply.

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Jason,

Yes, DataPoints should be kept empty, and you should build the JSON for the chart yourself. It's comparable to the example I posted for the XRange chart type here.

UserImage.jpg
wilko odijk

Clint hi,

Did you manage to get DHTMLX / react-gantt-demo going? If so, could you give some pointers on how you got it to work?

Saludos,

Wilko

UserImage.jpg
sowndarya b

Hi Clint ,

Can you share the solution which you found for Gantt chart 

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