Labels Getting Mangled In Fusion Charts Xt

[Ashish_R]

we recently upgraded to Fusion charts XT and looks like the first label in 2D line chart gets mangled up in the new version. Please take a look at the first date label in the attached files which is supposed to be 2012.07.16. Following is the XML being used.

 

 

<chart borderThickness="0" showBorder="0" bgAlpha="0,0" plotGradientColor="4F7DAC" caption="Rework Orders - All Stations # - Weekly" xAxisName="Date Range" yAxisName="Rework Orders - All Stations #" showValues="0" labelStep="2" labelDisplay="Rotate" slantLabels="1">

<categories>

<category label="2012.07.16" />

<category label="2012.07.23" />

<category label="2012.07.30" />

<category label="2012.08.06" />

<category label="2012.08.13" />

<category label="2012.08.20" />

<category label="2012.08.27" />

<category label="2012.09.03" />

<category label="2012.09.10" />

<category label="2012.09.17" />

<category label="2012.09.24" />

</categories>

<dataset seriesName="Station1" color="52ADC6">

<set value="0" />

<set value="0" />

<set value="1" />

<set value="1" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="1" />

<set value="0" />

<set value="0" />

<set value="1" />

</dataset>

<dataset seriesName="Station2" color="9CBD52">

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="1" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

</dataset>

<dataset seriesName="Station3" color="948C52">

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

</dataset>

<dataset seriesName="Station4" color="7B5A8C">

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

</dataset>

</chart>

 

Before: After upgrading to XT:

[Sanjukta]

Hi,

 

Please note that this is the advanced label management feature of the FusionCharts XT.

 

However, you can disable the XT label management option by setting "xtLabelManagement" to '0' in the <chart> element of the XML.

 

Hope this helps.

[Ashish_R]

I set that flag and looks like it fixed the mangled label but now the label on the Y-axis is overlapping with that label. Please see the screenshot. How do I fix this?

 

 

Hi,

 

Please note that this is the advanced label management feature of the FusionCharts XT.

 

However, you can disable the XT label management option by setting "xtLabelManagement" to '0' in the <chart> element of the XML.

 

Hope this helps.

[Guest Sumedh]

Hi Ashish,

 

You can use canvasPadding attribute to avoid overlapping.

 

This attribute allows you to set the space between the canvas border and first & last data points.

 

Ref. code:

<chart ... canvasPadding='20'>

 

Please note, if you apply this attribute, the label will not be displayed from origin.

 

Also, if this doesn't help, try by configuring the chart dimensions.

 

Hope this helps!

 

 

 

[Ashish_R]

Thanks for the reply. I used the canvasPadding attribute and like you said, the charts didn't start from the origin. We are using this chart on a page where there are multiple other charts as well and this issue is seen with most of them. I changed their dimensions and we ended up with a pretty wide and tall webpage where the users would have to scroll down to see some of the charts. Is there anyway to just get the older label functionality back where the dates weren't skewing and the Y-axis and the X-axis labels weren't overlapping?

Hi Ashish,

 

You can use canvasPadding attribute to avoid overlapping.

 

This attribute allows you to set the space between the canvas border and first & last data points.

 

Ref. code:

<chart ... canvasPadding='20'>

 

Please note, if you apply this attribute, the label will not be displayed from origin.

 

Also, if this doesn't help, try by configuring the chart dimensions.

 

Hope this helps!

 

 

 

[Sanjukta]

Hi,.

 

 

We have 2 solution for your with respect to this issue.

 

1. Please try applying the attribute "xtLabelManagement='0' " and "centerYAxisName='0' " in the <chart> element to disable the FusionCharts XT Label management as well shift the Y-axis name position to avoid overlapping. But this would not be much in case you are rendering JavaScript charts and using longer labels.

Ex:

<chart ... xtLabelManagement='0' centerYAxisName='0' >

 

2. Since you are using a Line chart, the slopes are of more importance and significance than the canvas borders. Hence, please try applying a larger value for "canvasPadding", say '30' in the <chart> element along with "xtLabelManagement" set to '0', that would push the line plot away from the canvas to avoid overlapping, even if the labels are unwrapped and long.

Ex:

<chart ... xtLabelManagement='0' canvasPadding='30' >

 

Hope this helps.