Highcharts Gantt were released yesterday October 17th. See https://www.highcharts.com/gantt/demo and https://api.highcharts.com/gantt/.
Daniel Sinclair commented
Would highcharts support interaction and binding to knockoutJS? Could I for example drag the bars around, resize and update the model?
It would be a great feauture to provide interactive Gantt chart with ability to modifiy the task duration by resizing it using the mouse.
I've figured it out, the problem was with the tick, bacause when the tasks are more than 5 the ticks range is 0 to length.task, so I have to change the formatter function to this
if(this.value == -1) return "";
else if(this.value == tasks.length) return "";
else return tasks[this.value].name;
And now works for more than 5 tasks
I can't draw more than 5 or 6 lines
Steve Crickett commented
Is it possible to draw the chart such that each row represent s a day of the week, and then multiple activities on a givien day will be coloured differently?
I'm not sure what you mean by legend colors. In your config you have set showInLegend to false. Can you show us a sketch?
I thought I should post a record of my progress in here in case it will benefit someone's else.
The above is an edited version of my chart. It meets all my goals except for a custom Legend. My categories are based on a property (phase) within my data. I use it to determine the color of each bar within the chart. I have been unable to generate a Legend that lists each phase & the associated color. If anyone figures this out, I would certainly appreciate the insight.
Thank you Honsi for your help, I could not have managed to get this far without your help.
Thank you for the samples below. I have managed to produce a very resonable Gantt chart using your bar chart example below.
As an alternative to lines connecting critical activities, I was hoping you could help me with some code to highlight one or more bars on the chart when the mouse pointer hovers a given bar.
In other words, when the mouse hovers over an activity on your improvised Gantt chart, I would like to highlight preceding critical activities.
Yes, inverting the chart actually works out pretty well: http://jsfiddle.net/highcharts/H8DTw/
Would it be possible to have the chart go from top to bottom of the page instead of left to right.
I might have a better chance of getting it to fit in portrait mode instead of the usual Landscape layout.
All colors in Highcharts are customizable by the options given at www.highcharts.com/ref. Date formats are documented at http://highcharts.com/ref/#highcharts-object => dateFormat
Plz provide the gantt chart option with colorful combinations and give more date formats examples
Pls, provide this chart option in gantt chart. Its really useful for many developers.
Thanks for Support,
This may only be at 7, but, from lots of looking around, I don't see anyone else with a Gantt chart, looks like an opportunity for you.
We're currently using Fusion Charts/Fusion Widgets. Fusion Charts uses highcharts.js as a fallback for e.g. iPad where there's no Flash installed. However, our Gantt chart doesn't have a js fallback. We'd really like Gantt charts implemented in Highcharts so that our site works fully with Flash or without.
Stefan Göckeritz commented
Like the idea. Can't one add process indicators using e.g. stacked bars? A vertical today-line would be essential too, I think.
Keep it up.
would definitely be a plus! I'd love to see gantt charts within this. My corporation is looking for a suitable solution and sofar the gantt chart seems to be the only major con on the list. Might turn out for you in some more dev-licences ;-) so hurry up!
I'd like to buy Gantt and Time/Date Charts.
Segments would be great as a first level release. This would be great for tasks within a greater block of time.
Hope "simpler chart types" would not take too much time because I think Gantt Chart would be the piece I need to close my project.