Thank you. This is exactly what I need to accomplish but I am having a hard time getting it to work.
Below is my HTML code and the XML code. Is there anything obvious that I am doing wrong? Any help is greatly appreciated!!!
XML CODE:
<chart bgColor='E9E9E9' outCnvBaseFontColor='666666' caption='' xAxisName='' yAxisName='' numberPrefix='' showLabels='1' formatNumber='0' formatNumberScale='0' adjustDiv='0' yAxisMaxvalue='1400' yAxisMinValue='0' numDivLines='6' showValues='0' plotFillAlpha='70' showAlternateVGridColor='1' AlternateVGridColor='e1f5ff' divLineColor='e1f5ff' vdivLineColor='e1f5ff' baseFontColor='666666' canvasBorderThickness='1' showPlotBorder='1' plotBorderThickness='0' canvaspadding='0' >
<categories>
<category label='2001' />
<category label='2002' />
<category label='2003' />
<category label='2004' />
<category label='2005' />
<category label='2006' />
<category label='2007' />
<category label='2008' />
<category label='2009' />
<category label='2010' />
<category label='2011' />
<category label='2012' />
</categories>
<dataset seriesName='' color='B1D1DC' plotBorderColor='B1D1DC'>
<set label='2001' value='1.54' />
<set label='2001' value='1.36' />
<set label='2001' value='1.38' />
<set label='2001' value='1.06' />
<set label='2002' value='1.36' />
<set label='2003' value='1.07' />
<set label='2004' value='0.88' />
<set label='2005' value='0.69' />
<set label='2006' value='0.76' />
<set label='2007' value='0.62' />
<set label='2008' value='0.47' />
<set label='2009' value='1.07' />
<set label='2010' value='0.65' />
<set label='2011' value='1.23' />
<set label='2012' value='2.24' />
</dataset>
</chart>
HTML CODE:
<html>
<head>
<title>My First chart using FusionCharts</title>
<script type="text/javascript" src="FusionCharts/FusionCharts.js">
</script>
</head>
<body>
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript"><!--
var myChart = new FusionCharts( "FusionCharts/Area2D.swf",
"myChartId", "785", "600", "0", "1" );
myChart.setXMLUrl("chart1.xml");
myChart.render("chartContainer");
// -->
</script>
</body>
</html>
