Sign in to follow this  
Guest Madhumita

Issue with displaying customized text in task bar tool tip in Gantt chart

Recommended Posts

Hello,

 

I'm using Gantt chart in my application. I've got a requirement where I've to display customized text in the tool tip of the task bar. As mentioned in Gantt chart documentation I'm using toolText property to display the custom message in tool-tip. But still I'm not able to see the customized tool tip.

 

 

 

Can anyone guide me in fixing this.

 

 

 

Thanks in advance,

Share this post


Link to post
Share on other sites

Hello,

I added flashvars param as per the info in the URL but after adding it I got an error message saying "Error in loading data". Correct me if I'm doing anything wrong.

Following is the chart XML that I'm trying to load :

<chart showFullDataTable='1' ganttLineThickness='0' extendCategoryBg='0' dateFormat='mm/dd/yyyy' outputDateFormat='ddds mns yy' hoverCapBorderColor='444444' ganttWidthPercent='58' hoverCapBgColor='ffffe1' hoverCapFont='Arial' ganttLineAlpha='100' canvasBorderColor='d0d0d0' showTaskNames='0' taskDatePadding='4' canvasBorderAlpha='100' canvasBorderThickness='0' gridBorderColor='d0d0d0' gridBorderAlpha='100' ganttPaneDuration='3'><categories  bgColor='f1f6fa'><category start='1/15/2010' end='2/15/2010' align='center' name='Testing2_Jan15'  fontColor='0d5f8a' isBold='1' font='Arial'  fontSize='12' /></categories><categories  bgColor='f9fcfe'  bgAlpha='100' fontColor='333333' font='Arial'  fontSize='12'  ><category start='1/15/2010' end='1/30/2010'  align='left' name='1/15'  isBold='1' /><category start='1/31/2010' end='2/15/2010'  align='left' name='1/31'  isBold='1' /></categories><processes  headerText='Mile Stone'  font='Arial' positionInGrid='Left' width='130' fontSize='12' isBold='1' isAnimated='1'  headerVAlign='center' headerFont='Arial' headerbgColor='f1f6fa' headerFontColor='0d5f8a' headerFontSize='12' vAlign='middle' align='center' bgAlpha='100'><process name= 'M1' id='1'  bgAlpha='25' verticalPadding='0' fontColor='000000' vAlign='right' /><process name= 'M2' id='2'  bgAlpha='25' verticalPadding='0' fontColor='000000' vAlign='right' /><process name= 'M3' id='3'  bgAlpha='25' verticalPadding='0' fontColor='000000' vAlign='right' /><process name= 'M4' id='4'  bgAlpha='25' verticalPadding='0' fontColor='000000' vAlign='right' /><process name= 'M5' id='5'  bgAlpha='25' verticalPadding='0' fontColor='000000' vAlign='right' /><process Name='' /></processes><dataTable showProcessName='1' nameAlign='left' font='Arial' fontColor='333333' fontSize='12' isBold='0' headerBgColor='f9fcfe' headerFontColor='0d5f8a' headerFont='Arial' headerFontSize='12' vAlign='top' align='right'><dataColumn width='70' headerBgColor='f1f6fa'  headerText='Act Start' isBold='0'><text label='1/15/2010' /><text label='1/19/2010' /><text label='1/22/2010' /><text label='1/26/2010' /><text label='1/29/2010' /></dataColumn><dataColumn width='70' headerbgColor='f1f6fa' fontColor='333333' headerText='Act End' isBold='0'><text label='1/18/2010' /><text label='1/22/2010' /><text label='1/25/2010' /><text label='1/28/2010' /><text label='1/31/2010' /></dataColumn><dataColumn width='70' bgColor='eeeeee' headerbgColor='f1f6fa'  fontColor='333333' headerText='Plan Start' isBold='0'><text label='1/15/2010' /><text label='1/19/2010' /><text label='1/22/2010' /><text label='1/26/2010' /><text label='1/29/2010' /></dataColumn><dataColumn width='70' bgColor='eeeeee' headerbgColor='f1f6fa'  fontColor='333333' headerText='Plan End' isBold='0'><text label='1/18/2010' /><text label='1/22/2010' /><text label='1/25/2010' /><text label='1/28/2010' /><text label='1/31/2010' /></dataColumn><dataColumn width='70' headerbgColor='f1f6fa'  align='left' fontColor='333333'  bgAlpha='25' headerText='Act Cost' ><text label='200' /><text label='200' /><text label='200' /><text label='200' /><text label='200' /></dataColumn><dataColumn width='70' headerbgColor='f1f6fa'  align='left' fontColor='333333'  bgAlpha='25' headerText='Plan Cost' ><text label='200' /><text label='200' /><text label='200' /><text label='200' /><text label='200' /></dataColumn></dataTable><tasks width='10' ><task name='Actual - M1'  processId='1' start='1/15/2010' end='1/18/2010' id='1-1' Color='f49d97,f8766d,f49d97' height='12' topPadding='3' animation='0' /><task name='Actual - M2'  processId='2' start='1/19/2010' end='1/22/2010' id='2-1' Color='f49d97,f8766d,f49d97' height='12' topPadding='3' animation='0' toolText='My Custom tool text' /><task name='Actual - M3'  processId='3' start='1/22/2010' end='1/25/2010' id='3-1' Color='f49d97,f8766d,f49d97' height='12' topPadding='3' animation='0' toolText='My Custom tool text' /><task name='Actual - M4'  processId='4' start='1/26/2010' end='1/28/2010' id='4-1' Color='f49d97,f8766d,f49d97' height='12' topPadding='3' animation='0' toolText='My Custom tool text' /><task name='Actual - M5'  processId='5' start='1/29/2010' end='1/31/2010' id='5-1' Color='f49d97,f8766d,f49d97' height='12' topPadding='3' animation='0' toolText='My Custom tool text' /><task name='Budget - M1' processId='1' start='1/15/2010' end='1/18/2010' id='1-2' Color='62b5b5,028b8b,62b5b5' alpha='100' height='12'  topPadding='19' /><task name='Budget - M2' processId='2' start='1/19/2010' end='1/22/2010' id='2-2' Color='62b5b5,028b8b,62b5b5' alpha='100' height='12'  topPadding='19' toolText='My Custom tool text' /><task name='Budget - M3' processId='3' start='1/22/2010' end='1/25/2010' id='3-2' Color='62b5b5,028b8b,62b5b5' alpha='100' height='12'  topPadding='19' toolText='My Custom tool text' /><task name='Budget - M4' processId='4' start='1/26/2010' end='1/28/2010' id='4-2' Color='62b5b5,028b8b,62b5b5' alpha='100' height='12'  topPadding='19' toolText='My Custom tool text' /><task name='Budget - M5' processId='5' start='1/29/2010' end='1/31/2010' id='5-2' Color='62b5b5,028b8b,62b5b5' alpha='100' height='12'  topPadding='19' toolText='My Custom tool text' /></tasks></chart>

Thanks,

Ranjith

Edited by Guest

Share this post


Link to post
Share on other sites
Guest Madhumita

Hello,

I have tested your XML and it is working fine. The tooltip is working.

If you get a "Error in Loading Data" message in your chart, it means that FusionCharts could not find XML data at the specified URL. In that case, check the following:

Check if you've actually provided dataURL or dataXML. If you do not provide either, FusionCharts looks for a default Data.xml file in the same path. However, if that is also not found, it shows the "Error in Loading Data" error.

 

If you're using dataURL method, paste this URL in your browser to check if it's returning a valid XML. Make sure there are no scripting or time-out errors and a valid XML is being returned. Also make sure that the XML isn't intermingled with HTML content. The data provider page should return clean XML only - not even HTML <head> or <body> tags.

 

Make sure you're passing relative URLs for dataURL, and not absolute URLs. To restrict cross site security attacks, FusionCharts doesn't allow colons in dataURL (starting v3.0.5). So you cannot specify dataURL as http://.../path/file.ext any more.

 

If you've to pass parameters to your dataURL data provider page from FusionCharts, make sure they're URLEncoded in the dataURL, when providing to FusionCharts. e.g., if your dataURL needs to be Data.asp?id=43&subId=454, you'll need to URL Encode it so that it becomes Data%2Easp%3Fid%3D43%26subId%3D454. Only then FusionCharts will invoke the URL with proper parameters appended to it.

 

When using dataURL method, make sure that the SWF File and data provider page are on the same sub-domain. Due to Flash's sandbox security model, it cannot access data from external domains, unless otherwise configured.

Share this post


Link to post
Share on other sites

Hello,

 

Thanks for your reply. I'm using the same XML in my application but I'm unable to see my customized tool tip. I tried to find the cause for this but couldn't get the breakthrough.

 

I'm attaching the screenshot related to the issue.

 

 

 

Please let me know if I need to do anything else to make this working.

 

 

 

Thanks,

 

Ranjith

post-4895-128441580354_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Madhumita

Hello,

Could you please add ganttPaneDurationUnit='m' in the chart element and see if this helps?

Also, note that for the first task you have not any custom tootext.

Edited by Guest

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