Page Elements

Add to favs Print Recommend

Charts code snippets

HTML

Pie chart snippet:

<script src="scripts/swfobject.js"></script>

<div id="flashcontent">
		<strong>You need to upgrade your Flash Player to version 8</strong><br />Please	go to Macromedia.com and install the latest version of Flash to enjoy the best experience possible on retireonline.com.<a href="#?detectflash=false">bypass the detection</a> if you wish.
   </div>	
   
   <script type="text/javascript">
		// <![CDATA[	   
	    var chartDataString = "&dataXML=<graph bgColor='FFFFFF' baseFontSize='10' formatNumberScale='0' decimalPrecision='1' showPercentageValues='1' showNames='0' numberPrefix='' showValues='0' showPercentageInLabel='1' pieYScale='45' pieBorderAlpha='40' pieFillAlpha='70' pieSliceDepth='15' pieRadius='125'><set value='1315.73' name='American Funds Growth Fund of America-R4: 1315.73'/><set value='2415.28' name='CRM Mid Cap Value-Inv: 2415.28'/><set value='6124.36' name='American Beacon Small Cp Value-Plan: 6124.36'/></graph>";   																									
		var so = new SWFObject("Chartsv3/Pie3D.swf", "Pie3D", "549", "175", "8", "#FFFFFF");
		so.addVariable("FlashVars", chartDataString);  
		so.write("flashcontent");																										
		// ]]>
   </script>

Column chart snippet:

<script src="scripts/swfobject.js"></script>

<div id="flashcontent2">
		<strong>You need to upgrade your Flash Player to version 8</strong><br />Please	go to Macromedia.com and install the latest version of Flash to enjoy the best experience possible on retireonline.com.<a href="#?detectflash=false">bypass the detection</a> if you wish.
   </div>

<script type="text/javascript">
   		// <![CDATA[	
	    var chartDataString2 = "&dataXML=<chart caption='Money In and Out' canvasBaseDepth='0'  chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='0' showLegend='0' numberPrefix='' showValues='0' animation='1'><categories><category name='MoneyIn'  showName='1' /><category name='MoneyOut' showName='1' /></categories><dataset ><set value='242.48' color='006600'/><set value='0.0' color='CC0000'/></dataset></chart>";   																									
		var so = new SWFObject("Chartsv3/Column3D.swf", "Column3D.swf", "250", "200", "8", "#FFFFFF");
		so.addParam("quality", "high");
		so.addVariable("FlashVars", "&chartWidth=190&chartHeight=200&dataXML=<graph caption='Account Balance' canvasBaseDepth='0' rotateNames='0' chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='1' numberPrefix='' showValues='0'  animation='1'><set name='01/01/07' value='9120.74' color='3399CC' /><set name='07/01/07' value='9855.37' color='006699' /></graph>");  // this line is optional, but this example uses the variable and displays this text inside the flash movie																										
		so.write("flashcontent2");																										
		// ]]>
   </script>

Area chart snippet:

<script src="scripts/swfobject.js"></script>

<div id="flashcontent3" align="center">
		<strong>You need to upgrade your Flash Player to version 8</strong><br />
		  Please go to Macromedia.com and install the latest version of Flash to enjoy the best experience possible on retireonline.com.
		  <a href="#?detectflash=false">bypass the detection</a> 
		  if you wish.
		 
   </div>

<script type="text/javascript">
   		// <![CDATA[	
	    var chartDataString3 = "&dataXML=<chart caption='Money In and Out' canvasBaseDepth='0'  chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='0' showLegend='0' numberPrefix='' showValues='0' animation='1'><categories><category name='MoneyIn'  showName='1' /><category name='MoneyOut' showName='1' /></categories><dataset ><set value='242.48' color='006600'/><set value='0.0' color='CC0000'/></dataset></chart>";   																									
		var so = new SWFObject("Chartsv3/Area2D.swf", "Column3D.swf", "250", "200", "8", "#FFFFFF");
		so.addParam("quality", "high");
		so.addVariable("FlashVars", "&chartWidth=190&chartHeight=200&dataXML=<graph caption='Account Balance' canvasBaseDepth='0' rotateNames='0' chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='1' numberPrefix='' showValues='0'  animation='1'><set name='01/01/07' value='9120.74' color='3399CC' /><set name='07/01/07' value='9855.37' color='006699' /></graph>");  // this line is optional, but this example uses the variable and displays this text inside the flash movie																										
		so.write("flashcontent3");																										
		// ]]>
   </script>

Line chart snippet:

<script src="scripts/swfobject.js"></script>

<div id="flashcontent4" align="center">
		<strong>You need to upgrade your Flash Player to version 8</strong><br />
		  Please go to Macromedia.com and install the latest version of Flash to enjoy the best experience possible on retireonline.com.
		  <a href="#?detectflash=false">bypass the detection</a> 
		  if you wish.
   </div>

<script type="text/javascript">
   		// <![CDATA[	
	    var chartDataString4 = "&dataXML=<chart caption='Money In and Out' canvasBaseDepth='0' canvasBorderAlpha='0' chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='0' showLegend='0' numberPrefix='' showValues='0' animation='1'><categories><category name='MoneyIn'  showName='1' /><category name='MoneyOut' showName='1' /></categories><dataset ><set value='242.48' color='006600'/><set value='0.0' color='CC0000'/></dataset></chart>";   																									
		var so = new SWFObject("Chartsv3/Line.swf", "Column3D.swf", "250", "200", "8", "#FFFFFF");
		so.addParam("quality", "high");
		so.addVariable("FlashVars", "&chartWidth=190&chartHeight=200&dataXML=<graph caption='Account Balance' canvasBaseDepth='0' rotateNames='0' chartLeftMargin='0' chartRightMargin='0' bgColor='FFFFFF' baseFontSize='10' formatNumberScale='1' decimalPrecision='0' showNames='1' numberPrefix='' showValues='0'  animation='1'><set name='01/01/07' value='9120.74' color='3399CC' /><set name='07/01/07' value='9855.37' color='006699' /></graph>");  // this line is optional, but this example uses the variable and displays this text inside the flash movie																										
		so.write("flashcontent4");																										
		// ]]>
   </script>