Sign in to follow this  
Sacul

Changing Process Column Sequence

Recommended Posts

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.

post-25169-0-88373200-1326224342_thumb.jpg

post-25169-0-24704200-1326224489_thumb.jpg

Share this post


Link to post
Share on other sites
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 :D

post-23884-0-49367900-1326700937_thumb.png

Edited by Bindhu

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this