Changing Process Column Sequence

[Sacul]

Hey guys, what's up?

 

I'm a new member here, thanks for all your hard work.

 

I'm facing some hard times trying to change the process sequence in gantt chart. By standart the process column comes first, and after comes datacolumns(if exists some).

If I change the datacolumns order into the code, it works just fine changing the sequence...

 

But I want to do this with the process column, is there someway that I could arrange this?

 

Example:

<processes headerText='Task' fontColor='000000' fontSize='11' isAnimated='1' bgColor='4567aa'  headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='16'  align='left' isBold='1' bgAlpha='25'>
<process label='Writing' id='1' />
<process label='Signing' id='2' />
<process label='Financing' id='3' />
<process label='Permission' id='4' />
<process label='Plumbing' id='5' />
<process label='Terrace' id='6' />
<process label='Inspection' id='7' />
<process label='Wood Work' id='8' />
<process label='Interiors' id='9' />
<process label='Shifting' id='10' />
</processes>
<dataTable showProcessName='1' nameAlign='left' fontColor='000000' fontSize='10' vAlign='right' align='center' headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='16' >
<dataColumn bgColor='eeeeee' headerText='1' >
	<text label='7/3/2008' /> 
	<text label='6/4/2008' />
	<text label='1/5/2008' />
	<text label='13/5/2008' />
	<text label='2/5/2008' />
	<text label='1/6/2008' />
	<text label='15/6/2008' /> 
	<text label='22/6/2008' />
	<text label='18/6/2008' />
	<text label='15/7/2008' />
</dataColumn>
<dataColumn bgColor='eeeeee' headerText='2'>
	<text label='22/4/2008' /> 
	<text label='12/5/2008' />
	<text label='2/6/2008' />
	<text label='19/6/2008' /> 
	<text label='19/6/2008' />
	<text label='19/7/2008' />
	<text label='11/8/2008' />
	<text label='5/8/2008' /> 
	<text label='22/7/2008' />
	<text label='11/8/2008' />
</dataColumn>
<dataColumn bgColor='eeeeee' headerText='3'>
	<text label='150' /> 
	<text label='340' />
	<text label='60' />
	<text label='20' /> 
	<text label='30' />
	<text label='45' />
	<text label='40' />
	<text label='102' /> 
	<text label='60' />
	<text label='30' />
	<text label='90' />
	<text label='30' />
</dataColumn>
<dataColumn align='right' bgColor='4567aa' bgAlpha='25' headerText='4' isBold='1'>
	<text label='$4100' /> 
	<text label='$8290' />
	<text label='$12340' />
	<text label='$2330' /> 
	<text label='$4550' />
	<text label='$15720' />
	<text label='$1780' />
	<text label='$32330' /> 
	<text label='$9890' />
	<text label='$1110' />
	<text label='$1260' />
	<text label='$4260' />
</dataColumn>
</dataTable>

 

 

The code above will display the example1.jpg attachment

 

 

Them, if I change the code to something like this:

<dataTable showProcessName='1' nameAlign='left' fontColor='000000' fontSize='10' vAlign='right' align='center' headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='16' >
   <dataColumn bgColor='eeeeee' headerText='2'>
	<text label='22/4/2008' /> 
	<text label='12/5/2008' />
	<text label='2/6/2008' />
	<text label='19/6/2008' /> 
	<text label='19/6/2008' />
	<text label='19/7/2008' />
	<text label='11/8/2008' />
	<text label='5/8/2008' /> 
	<text label='22/7/2008' />
	<text label='11/8/2008' />
</dataColumn>
   <dataColumn bgColor='eeeeee' headerText='1' >
	<text label='7/3/2008' /> 
	<text label='6/4/2008' />
	<text label='1/5/2008' />
	<text label='13/5/2008' />
	<text label='2/5/2008' />
	<text label='1/6/2008' />
	<text label='15/6/2008' /> 
	<text label='22/6/2008' />
	<text label='18/6/2008' />
	<text label='15/7/2008' />
</dataColumn>
   <dataColumn bgColor='eeeeee' headerText='3'>
	<text label='150' /> 
	<text label='340' />
	<text label='60' />
	<text label='20' /> 
	<text label='30' />
	<text label='45' />
	<text label='40' />
	<text label='102' /> 
	<text label='60' />
	<text label='30' />
	<text label='90' />
	<text label='30' />
</dataColumn>
<dataColumn align='right' bgColor='4567aa' bgAlpha='25' headerText='4' isBold='1'>
	<text label='$4100' /> 
	<text label='$8290' />
	<text label='$12340' />
	<text label='$2330' /> 
	<text label='$4550' />
	<text label='$15720' />
	<text label='$1780' />
	<text label='$32330' /> 
	<text label='$9890' />
	<text label='$1110' />
	<text label='$1260' />
	<text label='$4260' />
</dataColumn>
</dataTable>
<processes headerText='Task' fontColor='000000' fontSize='11' isAnimated='1' bgColor='4567aa'  headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='16'  align='left' isBold='1' bgAlpha='25'>
<process label='Writing' id='1' />
<process label='Signing' id='2' />
<process label='Financing' id='3' />
<process label='Permission' id='4' />
<process label='Plumbing' id='5' />
<process label='Terrace' id='6' />
<process label='Inspection' id='7' />
<process label='Wood Work' id='8' />
<process label='Interiors' id='9' />
<process label='Shifting' id='10' />
</processes>

 

The code above will display the example2.jpg attachment...

 

Thanks for your attention.

[Guest Bindhu]

Hi,

 

Welcome to the FusionCharts Forum

 

Thank you for the post.

 

Can you please try using 'positionInGrid' attribute of the <processes../> tag and set it to 'right', to suffice your requirement ?

 

Ref. Code:

<processes headerText='Task' fontColor='000000' fontSize='11' isAnimated='1' bgColor='4567aa'  
headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='16' 
align='left' isBold='1' bgAlpha='25' 
positionInGrid='right'>

 

Please find attached screenshot of the chart rendered with the above settings.

 

Hope this helps !

 

Happy FusionCharting

Edited January 16, 2012 by Bindhu