Hello.

Is it possible to add a line under a Gantt serie to show the completion status ?
I would like to have a percentage or a series that shows how much of the project has been completed or if the project is late...

Thanks...

$('#jqChart').jqChart({
title: { text: 'Roadmap Chart' },
height: window.innerHeight,
animation: { duration: 1 },
axes: [
{
type: 'dateTime',
location: 'bottom',
zoomEnabled: true,
visibleMinimum: mmin,
visibleMaximum: mmax,
}
],
shadows: {
enabled: true
},
legend: {
visible: false
},
series: [
{
type: 'gantt',
fillStyles: ['#E03D21','#D1E4EB' ],
data: [
['Actual', new Date(2010,9,3), new Date(2012,9,26)],
['Planned', new Date(2010,9,3),new Date(2013,5,28)]
]
height: '10px'
},
]
});

Now the chart is shown with two bars:
one light blue for 'Planned'
one red for 'Actual'

Basically I would like to have the "Planned" series shown as it is now and the actual immediatly below shown as a line (with the chance to change its color).

Thanks for any suggestions

Fabio

Currently such lines under the Gantt items are not supported.

You can specify the height of the bars with:

It accepts values from 0 to 1, by default is 0.6.

We'll try implementing something like your suggestion in next release.