47
Views
5
Comments
[Gantt Highcharts] How do I customize the UI of the forge component, GantHighcharts
gantt-highcharts
Reactive icon
Forge asset by Paulo Torres
Application Type
Reactive
Service Studio Version
11.54.49 (Build 63182)

Im not really familiar with the Json yet. I would appreciate any form of help to customize the UI of this component. How do I style highcharts? Thank you in advance for your help!

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

Good morning,

You have to specify more what you want to customize as this tool has plenty of options, your message is very generic.

You can see here all the options that the library provides: Gantt Highcharts

Without details I can't help you.

Regards, Paulo Torres


UserImage.jpg
Angelo Mendenilla

Apologies for the lack of context. Attached screen shot is the gannt chart I got from forge
I would like to customize the boxes containing the labels like the Month, Weeks, also the engagement from y axis. How do I achieve this using css? does these containers have classes? I would appreciate your help. Thank you for your time

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

Did you check the documentation I sent? There is an options for what you want?

About the CSS classes I don't know, but di you try to inspect the code?

Thanks

UserImage.jpg
Angelo Mendenilla

I have visited the documentation before and tried editing the JSON from the component and have tried to inspect the code in my browser but still got no result. tried using the class but it still doesnt work. My findings are the html elements werent a div tag, it was a <g> tag with stroke properties for each line. this concept is still a bit confusing to me as i have no prior training to it. thank you

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

Probably what you want requires a big and complex change in my JS or it's not possible. I never had such requirement, so I can't help you.

I think the best option is to ask the Highcharts support.

Regards

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