widget

How To Disable Trimming Labels?

Recommended Posts

How can I disable trimming labels by adding '...' with new version of Fusion Charts?

It's for 3D Bar chart.

post-2689-0-70352000-1324028714_thumb.png

Edited by widget

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Could you please elaborate your query a bit more?

 

It would be helpful, if you could send us a screenshot or any live link of your requirement.

 

Awaiting for your response.

Share this post


Link to post
Share on other sites

<chart  divLineAlpha='50' divLineIsDashed='1' zeroPlaneShowBorder='0' showCanvasBg='0' palette='4' canvasBaseDepth='1' canvasBgDepth='1' showFCMenuItem='0' defaultNumberScale='s' numberScaleValue='60,60' numberScaleUnit='min,godz' decimals='0' showValues='0' labelDisplay='Rotate' slantLabels='1' numDivLines='3'><categories><category label='BESTplayer' /><category label='Gmail' /><category label='docs.google.com' /><category label='teamviewer' /><category label='NetBeans' /><category label='Skype' /><category label='konnekt' /><category label='toodledo.com' /><category label='Windows Explorer' /><category label='timecamp.com' /><category label='Total Commander' /><category label='grooveshark.com' /><category label='pivotaltracker.com' /><category label='213.239.222.20:10000' /><category label='vncviewer' /><category label='explorer2' /></categories><dataset seriesName=''><set color='ff0000' label='BESTplayer' value='6747' toolText='BESTplayer - 1 Godzina, 52 Minuty' link='https://www.timecamp.com/details/app/11895'  /><set color='55CF25' label='Gmail' value='5803' toolText='Gmail - 1 Godzina, 36 Minuty' link='https://www.timecamp.com/details/app/6295'  /><set color='55CF25' label='docs.google.com' value='2191' toolText='docs.google.com - 36 Minuty' link='https://www.timecamp.com/details/app/6474'  /><set color='55CF25' label='teamviewer' value='2129' toolText='teamviewer - 35 Minuty' link='https://www.timecamp.com/details/app/20196'  /><set color='55CF25' label='NetBeans' value='1521' toolText='NetBeans - 25 Minuty' link='https://www.timecamp.com/details/app/170995'  /><set color='55CF25' label='Skype' value='1463' toolText='Skype - 24 Minuty' link='https://www.timecamp.com/details/app/36'  /><set color='55CF25' label='konnekt' value='892' toolText='konnekt - 14 Minuty' link='https://www.timecamp.com/details/app/30'  /><set color='55CF25' label='toodledo.com' value='733' toolText='toodledo.com - 12 Minuty' link='https://www.timecamp.com/details/app/43526'  /><set color='55CF25' label='Windows Explorer' value='668' toolText='Windows Explorer - 11 Minuty' link='https://www.timecamp.com/details/app/7'  /><set color='55CF25' label='timecamp.com' value='657' toolText='timecamp.com - 10 Minuty' link='https://www.timecamp.com/details/app/6291'  /><set color='55CF25' label='Total Commander' value='627' toolText='Total Commander - 10 Minuty' link='https://www.timecamp.com/details/app/5'  /><set color='ff0000' label='grooveshark.com' value='598' toolText='grooveshark.com - 9 Minuty' link='https://www.timecamp.com/details/app/25560'  /><set color='55CF25' label='pivotaltracker.com' value='593' toolText='pivotaltracker.com - 9 Minuty' link='https://www.timecamp.com/details/app/191074'  /><set color='55CF25' label='213.239.222.20:10000' value='564' toolText='213.239.222.20:10000 - 9 Minuty' link='https://www.timecamp.com/details/app/365275'  /><set color='55CF25' label='vncviewer' value='545' toolText='vncviewer - 9 Minuty' link='https://www.timecamp.com/details/app/15713'  /><set color='55CF25' label='explorer2' value='517' toolText='explorer2 - 8 Minuty' link='https://www.timecamp.com/details/app/4130159'  /></dataset></chart>

 

 

 

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Could you please elaborate your query a bit more?

 

It would be helpful, if you could send us a screenshot or any live link of your requirement.

 

Awaiting for your response.

post-2689-0-21504700-1324029680_thumb.png

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your post.

 

I am afraid, we are unable to replicate this issue, as the code is working fine from our end.

 

Please find the screenshot attached for your reference.

 

Could you please try once by adding useEllipsesWhenOverflow='0' attribute inside the <chart> element of your XML code?

 

Ex: <chart .. useEllipsesWhenOverflow='0' ..>

 

Hope this helps.

post-10517-0-68729300-1324030907_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

Thanks for your post.

 

I am afraid, we are unable to replicate this issue, as the code is working fine from our end.

 

Please find the screenshot attached for your reference.

 

Could you please try once by adding useEllipsesWhenOverflow='0' attribute inside the <chart> element of your XML code?

 

Ex: <chart .. useEllipsesWhenOverflow='0' ..>

 

Hope this helps.

 

Hi, thanks for replay, but that command only hides "...", and labels are still trimmed. We are using StackedColumn3D with width 700 and height 190. But when we experimentally change height to 390 it is ok, the labels are not trimmed. But we can't change the height of the bar chart, becouse of our layout. In previous version it was ok.

Edited by widget

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

Thank you for the post.

 

Like the previous user has mentioned, you have to use 'useEllipsesWhenOverflow' and set it to 0, if you want to remove the '...', however, if you want to display the entire label, then you have to use the 'labelDisplay' attribute and set it to 'WRAP'.

 

There are only 5 options which you can use for the labelDisplay attribute.

1. Auto

2. Wrap

3. Stagger

4. Rotate

5. None

 

By default, labelDisplay attribute is set to AUTO mode which means that the alignment of the data labels is determined automatically depending on the size of the chart.

WRAP wraps the label text if it is too long to fit in one line.

ROTATE rotates the labels vertically.

STAGGER divides the labels into multiple lines.

 

Please find attached screen shot of the chart rendered when 'labelDisplay' attribute is set to 'WRAP'.

 

Hope this helps !!

 

Happy FusionCharting biggrin.gif

post-23884-0-19677800-1324439093_thumb.png

Edited by Bindhu

Share this post


Link to post
Share on other sites

Hi, thank you for suggestions! but we would like to have rotate, slant labels. We can not change appearance of the chart...

 

Our old version of Fusioncharts is working good, but we wanted to upgrade to the newest version, because of printing possibility.

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

In such cases the only option would be to increase the chart width.

 

Hope this helps!

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