I am creating a Drag Node diagram. Instead of entering node location etc.. into the xml I want to be able to perform the Add Node using the browser and saving the changes. I tried using the example in the documentation under the section "Getting data using Javascript" but was unsuccessful displaying the xml. Here is my html :
<html>
<head>
<script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script>
</head>
<body bgcolor="#ffffff">
<div id="chartdiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var myChart = new FusionCharts("../FusionCharts/DragNode.swf", "myChartId", "1100", "700", "0", "1");
myChart.setXMLUrl("roadmap_creation.xml");
myChart.render("chartdiv");
function getChartXml(){
//Get chart from its ID
var charRef = FusionCharts("myChartId");
var xmlRtn = charRef.getXMLData();
alert(xmlRtn);
}
</script>
<center><input type='button' value='Retrieves updated XML' onClick='javascript:getChartXml();'></center>
</body>
</html>
example of my xml:
<chart caption='LT2 Roadmap' palette='2' xAxisMinValue='0' xAxisMaxValue='100' yAxisMinValue='0' yAxisMaxValue='100' is3D='1' showFormBtn='1' formAction='process.jsp' viewMode='0' numDivLines='3' divLineColor='000000' divLineThickness='3' alternateHGridColor='A9A9A9' canvasBgColor='D3D3D3' rotateYAxisName='0'>
<dataset>
</dataset>
<connectors color='FF0000' stdThickness='5'>
</connectors>
<categories>
<category x='1' label='Nov 10' lineDashed='1' showVerticalLine='0' showLabel='1' toolText='Nov 10'/>
<category x='16' label='Dec 10' lineDashed='1' showVerticalLine='1' showLabel='1' toolText='Dec 10'/>
<category x='32' label='Jan 11' lineDashed='1' showVerticalLine='1' showLabel='1' toolText='Jan 11'/>
<category x='48' label='Feb 11' lineDashed='1' showVerticalLine='1' showLabel='1' toolText='Feb 11'/>
<category x='64' label='Mar 11' lineDashed='1' showVerticalLine='1' showLabel='1' toolText='Mar 11'/>
<category x='80' label='Apr 11' lineDashed='1' showVerticalLine='1' showLabel='1' toolText='Apr 11'/>
<category x='99' label='May 10' lineDashed='1' showVerticalLine='0' showLabel='1' toolText='May 10'/>
</categories>
<TrendLines>
<line startValue='87' color='000000' displayvalue='LT2 Component' isTrendZone='1'/>
<line startValue='62' color='000000' displayvalue='CTIA' isTrendZone='1'/>
<line startValue='37' color='000000' displayvalue='L-TESS' isTrendZone='1'/>
<line startValue='12' color='000000' displayvalue='CTC-IS' isTrendZone='1'/>
</TrendLines>
</chart>
The alert box is empty. Any help would be appreciated.
