Need help with my first chart.

[TomS]

I'm creating a gantt chart with the trial version.  The chart displays in IE but the event bars display to the left of the screen.

 

I assume there is a problem with my XML but I can't find the problem.  Any ideas?

 

I was also having difficulty with dates.  Do all of the dates in the XML file need to dd/MM/yyyy?  I would prefer mm/dd/yyyy. 

 

 

<chart showTaskNames='1' dateFormat='dd/mm/yyyy' hoverCapBgColor='FFFFFF' hoverCapBorderColor='333333' ganttLineColor='99CC00' ganttLineAlpha='20' baseFontColor='333333' gridBorderColor='99CC00' taskBarRoundRadius='4' showShadow='0'>
<categories  bgColor='333333' fontColor='99cc00' isBold='1' fontSize='14' >
<category start='1/10/2013' end='31/12/2013' name='2013' />
<category start='1/1/2014' end='31/12/20014' name='2014' />
</categories>
<categories  bgColor='99cc00' bgAlpha='40' fontColor='333333' align='center' fontSize='10' isBold='1'>
<category start='01/10/2013' end='31/10/2013' label='October' />
<category start='01/11/2013' end='30/11/2013' label='November' />
<category start='01/12/2013' end='31/12/2013' label='December' />
<category start='01/01/2014' end='31/01/2014' label='January' />
<category start='01/02/2014' end='28/02/2014' label='February' />
<category start='01/03/2014' end='31/03/2014' label='March' />
<category start='01/04/2014' end='30/04/2014' label='April' />
<category start='01/05/2014' end='31/05/2014' label='May' />
<category start='01/06/2014' end='30/06/2014' label='June' />
<category start='01/07/2014' end='31/07/2014' label='July' />
<category start='01/08/2014' end='31/08/2014' label='August' />
<category start='01/09/2014' end='30/09/2014' label='September' />
</categories>
<processes fontSize='12' isBold='1' align='right'>
<process label='LT A1' id='LT A1'/>
<process label='LT B1' id='LT B1'/>
<process label='LT D2' id='LT D2'/>
<process label='LT E1' id='LT E1'/>
<process label='LT F1' id='LT F1'/>
<process label='LT F2' id='LT F2'/>
<process label='LT G1' id='LT G1'/>
<process label='LT G2' id='LT G2'/>
<process label='LT G3' id='LT G3'/>
<process label='LT G4' id='LT G4'/>
<process label='LT G5' id='LT G5'/>
<process label='LT G6' id='LT G6'/>
<process label='LC 1.1' id='LC 1.1'/>
<process label='LC 1.2' id='LC 1.2'/>
<process label='LC 1.3' id='LC 1.3'/>
<process label='LC 1.4' id='LC 1.4'/>
<process label='LC 1.5' id='LC 1.5'/>
<process label='LC LC 1 furn' id='LC LC 1 furn'/>
<process label='LC LC 2 furn' id='LC LC 2 furn'/>
<process label='LH LH L1 furn' id='LH LH L1 furn'/>
<process label='LH LH L3 furn' id='LH LH L3 furn'/>
<process label='LH LH L5 furn' id='LH LH L5 furn'/>
<process label='LH LH L7 furn' id='LH LH L7 furn'/>
<process label='LH LH L9 furn' id='LH LH L9 furn'/>
<process label='LM LM M1 furn' id='LM LM M1 furn'/>
<process label='LM LM M2 furn' id='LM LM M2 furn'/>
<process label='LM LM M6 furn' id='LM LM M6 furn'/>
<process label='LM LM M7 furn' id='LM LM M7 furn'/>
<process label='LM LM M8 furn' id='LM LM M8 furn'/>
<process label='LM LM M9 furn' id='LM LM M9 furn'/>
<process label='LP LP 1 furn' id='LP LP 1 furn'/>
<process label='LP LP 2 furn' id='LP LP 2 furn'/>
<process label='LS LS A furn' id='LS LS A furn'/>
<process label='LS LS C furn' id='LS LS C furn'/>
<process label='LT LT B furn' id='LT LT B furn'/>
<process label='LT LT D furn' id='LT LT D furn'/>
<process label='LT LT E furn' id='LT LT E furn'/>
<process label='LT LT F furn' id='LT LT F furn'/>
<process label='LT LT G furn' id='LT LT G furn'/>
</processes>
<tasks >
 <task name='task name' hoverText='Hover Text' processId='LT B1' start='25/02/2014' end='25/04/2014' color='99cc00' alpha='60' topPadding='19' />
 <task name='task namexxxxxxxxxxxxxx' hoverText='Hover Text' processId='LT G3' start='02/02/2014' end='04/04/2014' color='99cc00' alpha='60' topPadding='19' />
</tasks>
</chart>
 

 

 

[Guest Rishab]

Hi,

Please try changing the value of the 'end' attribute of <category> element to '31/12/2014' to resolve the issue.

For Ex-

<category start='1/1/2014' end='31/12/2014' name='2014' />

Below is the screenshot of the chart with updated value.

Please use the <chart> element's  attribute-'dateFormat' to specify the input date format for all the dates in your XML.

For Ex-

dateFormat='mm/dd/yyyy'

For more information please visit-
http://docs.fusioncharts.com/widgets/Contents/Gantt/DateFormat.html

Edited October 16, 2013 by Rishab

[TomS]

Thanks for pointing out the things I have been overlooking.  I've looked at this hundreads of times and have not been seeing what seems so easy now.  It must be time for a long break.

[Guest Rishab]