Styling X Axis, Upgrade Issue

[monn]

I recently upgraded from 3.2.1 to 3.2.3, and without any change in chart styling have noticed that I have lost the styling on the X axis that I previously had? See attached image below.

 

This is the styling I'm using on the chart:

 

<chart zeroPlaneColor='#000000'

showToolTipShadow='1'

zeroPlaneAlpha='100'

lineColor='#0066ff'

lineThickness='4'

outCnvBaseFont='Arial'

outCnvBaseFontSize='12'

bgColor='#ffffff'

canvasbgColor='#ffffff'

showBorder='0'

canvasBgAlpha='0'

xAxisName='Month'

yAxisName=''

canvasBorderAlpha='0'

plotSpacePercent='50'

showValues='1'

yAxisMaxValue='200'

showYAXisValues='1'

chartLeftMargin='0'

showAlternateHGridColor='0'

alternateHGridColor='#ffffff'

divLineThickness='1'

divLineAlpha='30'

yAxisNamePadding='3'

xAxisNamePadding='30'

canvasPadding='5'

chartRightMargin='0'

chartTopMargin='0'

chartBottomMargin='0'>

 

 

Can you guys give me some adive on how to get the the axis border back? I just want it to look like it does in my 3.2.1 version.

Edited February 6, 2012 by monn

[Guest Sumedh]

Greetings

 

I am afraid, you can not add style on x-axis, as a work-around you can add trendLines on x-axis using trendLines attribute with startValue='0'.

 

Ref. Code:

<chart...>

<trendLines>

<line startValue='0' color='003399' />

</trendLines>

</chart>

 

For adding the effect for dataLabels on x-axis, you would need to set following attributes under the chart element.

labelDisplay='Rotate' slantLabels='1'

 

Ref. Code:

<chart... labelDisplay='Rotate' slantLabels='1'>

 

Please find attached screenshot for your reference with this post.

Hope this helps.

Edited February 7, 2012 by Sumedh

[monn]

Thanks, that's actually not a bad solution. Its working well!

 

Lastly, one other problem that I didnt notice before. The top value on the Y axis is being cut off? No matter what I do to the chart the same thing keeps happening. I made a test page that was a completely empty html file, with one <div> for the chart and it still happens.

 

You can see it in my screenshots, but here's another one attached to help explain it. I can show you my data, the html, anything. Seems to happen in all browsers too.

Edited February 8, 2012 by monn

[Guest Sumedh]

Hi

 

Could you please try to set chartTopMargin attribute under the chart element.

 

Since, you have disabled chart canvas and chart background properties, chart will slightly go up.

 

Try to set chartTopMargin atttribute as following:

 

Ref. code:

<chart... chartTopmargin='20'>

 

For more information about chart positioning, please refer the following link:

http://docs.fusioncharts.com/charts/contents/?AttDesc/Padding.html

 

Hope this helps.

[monn]

Thanks again, perfect. Appreciate the help.

[Guest Sumedh]

Glad that your issue is resolved.

 

Happy FusionCharting !