Sign in to follow this  
sw19womble

Chart Padding

Recommended Posts

Hi,

 

Firstly, this is a great product.

 

I managed to get my charts looking great in flash, however I want to by pass flash altogether and use JavaScript.

 

The problem I am having is that the chart in JavaScript has too much padding between the canvas border and it is making the chart smaller.

The background of the chart is also white, not #f7f7f7 as I have specified in the code.

 

See my two screen shots of the Javascript and Flash charts. The Flash one is how I want my JavaScript one to be!

I think removing or making the padding smaller will make my chart fill the space more and appear bigger.

 

I have read and used the help document here, but it has not worked,

 

The code to produce the chart is:


  	FC_SetRenderer( "javascript" );

  	$strXML  = "";
  	$strXML .= "<chart canvasPadding='0' chartLeftMargin='0' chartRightMargin='0'  chartTopMargin='0'  chartBottomMargin='0' showLabels='0' showBorder='1' showNames='0' showShadow='0' showValues='0' decimals='0' decimalPrecision='0' formatNumberScale='0' bgAlpha='50' bgColor='f7f7f7'>";
  	$strXML .= "<set name='Referral from a licensed professional' value='10' color='de343d' />";
  	$strXML .= "<set name='Friend or family referral' value='10' color='5ba375' />";
  	$strXML .= "<set name='Internet search' value='30' color='eb9d31' />";
  	$strXML .= "<set name='Driving by the practice' value='10' color='fddf65' />";
  	$strXML .= "<set name='Insurance providers list' value='10' color='8c4800' />";
  	$strXML .= "</chart>";

  	renderChart("FusionCharts/Doughnut2D.swf", "", $strXML, "myNext", 230, 200, false, true, true);

 

Cheers

Alex

post-39637-0-16574700-1363730187_thumb.jpg

post-39637-0-59233900-1363730199_thumb.jpg

Share this post


Link to post
Share on other sites

Hi,

 

Welcome to FusionCharts Forum.

 

To increase the size of the Doughnut, you may try increasing the radius of the Pie and Doughnut using the attributes "pieRadius" and "doughnutRadius".

 

Eg. <chart ..... pieRadius='200' doughnutRadius='100' ...>

 

For more information, you may please refer to the documentation link : http://docs.fusionch...Doughnut2D.html

 

Hope this helps.

Edited by Haritha

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