Long Data Labels Getting Truncated, Using Fusion Chart Instances

[saadbinakhlaq]

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");

[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 February 20, 2013 by Sashibhusan

[jaz]

Was a solution to this problem ever found?  I'm trying to figure out the same thing....

[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.

[jaz]

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!

[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!

[Sanjukta]

Hi,

 

Could you please upgrade your current version to the latest, i.e, FusionCharts v3.4 that includes a lot of new features and enhancements?

 

You can see the upcoming new docs at http://docs.fusioncharts.com and new additions at http://docs.fusioncharts.com/tutorial-setup-whats-new.html.

 

Hope this helps.

[Moonmi Sonowal]

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.