servet.zeybek
Posts: 7
Joined: Mon Sep 14, 2020 1:55 pm

gantt chart dfferent marker symbol

Hi,

I've got 2 types of events on my gannt chart. I want the marker symbols to be different on the chart.

chart default is diamond, how can i change it based on a point property?


thanks alot

Servet
Attachments
gannt.jpeg
gannt.jpeg (51.52 KiB) Viewed 1456 times
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: gantt chart dfferent marker symbol

Hello servet.zeybek,

Thanks for contacting us with your question.

Unfortunately, there is no API option that could change the milestone shape. However, you could do it with a wrap. Here you can find more informations about it: https://www.highcharts.com/docs/extendi ... highcharts

Here's an example of a such wrap: https://jsfiddle.net/BlackLabel/52esbm6p/ To use it simply set customSymbol to one of available shapes: diamond, circle, square, triangle, triangle-down

Btw. I think that API property like this would be very usefull and If you want to see it as an officjal API option, I encourage you to create a Feature Request on our github.

Let me know if that was what you were looking for!
Best regards!
Mateusz Bernacik
Highcharts Developer
jlsuarezcabrera
Posts: 1
Joined: Sat Sep 17, 2022 5:39 pm

Re: gantt chart dfferent marker symbol

Hi,

I was wondering if it is possible to permform the same kind of customization to Gantt chart in React :) .
This demo looks very nice: https://jsfiddle.net/BlackLabel/52esbm6p/

Unfortunately, this is a javascript implementation.

Thanks!

Jose Luis
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: gantt chart dfferent marker symbol

Hello,

Welcome to our forum and thank you for contacting us with your question!

I have reproduced the Gantt demo in React.js and applied a custom wrap from your JS fiddle.
The implementation is really simple, take a look at the demo below.

DEMO: https://codesandbox.io/s/highcharts-rea ... =/demo.jsx

In case of any other questions, feel free to contact us anytime!
Best regards
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Gantt”