Canvas border and x- and y-axis

[wouwenaar]

[font=" Verdana; WHITE-SPACE: pre-wrap; COLOR: rgb(31,80,128); FONT-SIZE: 13px" class=Apple-style-span>Hi,

we have been given some beautiful designs of charts and I have been asked to convert them into Fusioncharts charts. I bump in to the following problem.. None of the charts have borders or canvas borders  but they do have an x- and y-axis. I can't imagine it isn't possible since drawing a chart on paper always starts with drawing those axis, but I have been going through the documentation back and forth and I can't find the solution.

This is how it should look (the background is white):

[/font]

[font=" Verdana; WHITE-SPACE: pre-wrap; COLOR: rgb(31,80,128); FONT-SIZE: 13px" class=Apple-style-span>And this is what I've got:

[/font]

I'll work out the vertical lines later, but how can I draw the black x- and y-axis?

 

Best regards,

Sebastian

 

[Guest Madhumita]

Hello Sebastian,

There is a solution for this.

If you can please set the CanvasBorderAlpha='0' in the <chart> element, and use a Vertical line to draw the y-axis like so:

<set label='Jan' value='420000' />

<vLine linePosition='0'/>

Now, for your X-Axis, you need to set a trendline with startValue='0' &  color='000000'.

Please refer to the following attachment for this.

Hope this helps.

data.xml

Edited September 9, 2009 by Guest

[wouwenaar]

Hello Madhumita,

that helped a lot, thanks!

I still have one thing that I need to tackle and that is the plotborder color. If I implement the tips you gave me, it looks like this..

If use the showPlotBorder='0', it looks like this:

Is there a way to get the best of two worlds?

Regards,

Sebastian

[Guest Rajroop]

Hello,

Could you use the attribute plotBorderAlpha for this and see if it suits you? You can range the value for this attribute from 0-100. If you keep the value at round 70, then the plot is shown in your assigned color and the X-Axis is not affected.

Hope this is "best of both worlds" enough for you.

[wouwenaar]

Yes! thank you..

I think I've got it.. See below. I tried to apply the same settings to a MsColumn2D chart but that does not work the same way... Is there a way to set the Y-axis in that kind of chart? I have added the modified the xml like this:

<categories>

  <category label='Scenario1/>

  <vLine  linePosition='0'/>

  <category label='Scenario2' />

  <category label='Scenario3' />

  </categories>

Thanks a lot for making this one work!

[Guest Madhumita]

Hi Sebastian,

I'm afraid the y-axis cant be shown in the Multi-Series charts using vertical lines as was being done in the single-series one's.