Sign in to follow this  
saadbinakhlaq

Long Data Labels Getting Truncated, Using Fusion Chart Instances

Recommended Posts

I am using Column2D javascript version. I have long data labels on x-axis and I am displaying them in slant. Although the chart is rendering nicely but when I use the chart instance then these long data labels are getting truncated, they are slanted but truncated. I would like them to be slanted and not truncated. Please help

 

 

var data = {

 

"chart": {

 

"caption": "",

 

"showlabels": "1",

 

"plotgradientcolor": "",

 

"showplotborder": "0",

 

"showvalues": "1",

 

"decimals": "0",

 

"showshadow": "0",

 

"bgColor": "FFFFFF",

 

"showBorder": "0",

 

"yaxisname": "",

 

"canvasBorderAlpha": '0',

 

"canvasbgAlpha": '0',

 

"numDivlines": '0',

 

"numberSuffix": "%",

 

"labelDisplay": "Rotate",

 

"slantLabels": "1",

 

"baseFontSize": "14",

 

"baseFontColor": "000000",

 

"useEllipsesWhenOverflow": "0",

 

"manageLabelOverflow": "1"

 

 

 

 

 

},

 

 

 

"data": data

 

 

 

}

 

 

 

var myChart = new FusionCharts( "Column2D",

 

"myChartId", "80%", "70%", "5", "10" );

 

myChart.setJSONData(data);

 

myChart.render("chartContainer");

 

myChart.render("question_chart")

 

 

===============================================================

 

chart instance

===============================================================

 

 

var myChart1 = FusionCharts("myChartId");

 

myChart1.resizeTo("80%", "70%");

 

myChart1.setChartAttribute({"manageLabelOverflow": "1"})

 

myChart1.render("topic_chart");

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Could you please elaborate a bit more on your issue by providing the screen shot of the chart before and after resizing, along with the complete chart JSON data, to better look into your issue?

 

Also, please let us know the FusionCharts XT version details, which is being used at your end.

 

Awaiting your response!

Edited by Sashibhusan

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi Jaz,

 

Could you please let us know, how long the label of the chart is?

 

Please provide any screen shot of the issue.

 

Please note that for long data labels in JavaScript chart, labels are truncated by adding ellipses to prevent them from overflowing the chart background and the tooltip will show the full text when the user hovers over the truncated data label.

 

So, if you need to show the full label, as a workaround, you can achieve by increasing the chart dimension (by providing enough space for long labels).

 

Hope this helps!

 

Awaiting your response.

Share this post


Link to post
Share on other sites

I've attached a screenshot of the problem that we are running into.  It is consistently the first label that gets the ellipses.  Is there a way to fix it without making the charts any bigger?  Thanks!

post-8157-0-22818600-1372267904_thumb.png

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi Jaz,

 

Please note that for long labels, if enough space is not available on the chart, the labels get automatically truncated by adding ellipses at the end and will show the complete label in the tool tip for such labels, which is intended as of now.

 

Hope this helps!

Share this post


Link to post
Share on other sites

Hi,

FusionCharts Suite v3.6.0 is released recently.

 

Please try upgrading to the latest version, that will resolve your reported issues.

Also, we have released updated plugins, wrappers and export handlers which can be checked from here: http://www.fusioncharts.com/extensions/

To download the Evaluation version of FusionCharts Suite XT v3.6.0, please visit the link: http://www.fusioncharts.com/download/

I hope this helps. Looking forward to your valuable feedback.

 

Thanks.

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