trankieu2002
Posts: 4
Joined: Mon Dec 06, 2021 4:51 pm

Example for this chart

Hi all,

I would like to draw a chart like this image in react hook. Could you give me some examples related to this type of chart?
https://pasteboard.co/PAFCH0NADmOg.png
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Example for this chart

Hi there,

I would suggest looking into our Highcharts Gantt chart type for your use case.
DEMO: https://www.highcharts.com/demo/gantt
DOCS: https://www.highcharts.com/docs/gantt/g ... rted-gantt

But if for some reason you can't/don't want to use Gantt, you can try to achieve the same with a column range type of chart (but that would require a bit more styling)
DEMO: https://www.highcharts.com/demo/columnrange

Feel free to contact us again,
Best regards!
Kamil Musiałowski
Highcharts Developer
trankieu2002
Posts: 4
Joined: Mon Dec 06, 2021 4:51 pm

Re: Example for this chart

kamil.m wrote: Tue Jun 28, 2022 6:34 am Hi there,

I would suggest looking into our Highcharts Gantt chart type for your use case.
DEMO: https://www.highcharts.com/demo/gantt
DOCS: https://www.highcharts.com/docs/gantt/g ... rted-gantt

But if for some reason you can't/don't want to use Gantt, you can try to achieve the same with a column range type of chart (but that would require a bit more styling)
DEMO: https://www.highcharts.com/demo/columnrange

Feel free to contact us again,
Best regards!
They are really nice!
Thank you so much!
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Example for this chart

You're welcome!

Feel free to contact us anytime,
Have a good day
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”