File "ChangeDataXML.html"

Full Path: /home/analogde/www/FusionChartsFree/Code/JavaScript/Basics/ChangeDataXML.html
File size: 1.46 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<HTML>
<HEAD>
	<TITLE>FusionCharts Free & JavaScript - Updating chart using updateChartXML() Method</TITLE>	
	<style type="text/css">
	<!--
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	-->
	</style>
	<SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT>
	<SCRIPT LANGUAGE="JavaScript">
		/*
		 * updateChart method is called, when user clicks the button
		 * Here, we generate the XML data again and build the chart.		  
		 *	@param	domId	domId of the Chart
		*/
		function updateChart(domId){
			//using updateChartXML method defined in FusionCharts.js
			updateChartXML(domId,"<graph><set name='A' value='32' /></graph>");
			//Disable the button
			this.document.frmUpdate.btnUpdate.disabled = true;
		}
	</SCRIPT>
</HEAD>
<BODY>
	<CENTER>
		<h2>FusionCharts Free & JavaScript - Updating chart using updateChartXML() method</h2>
		
		<div id="chart1div">
			FusionCharts
		</div>
		<script language="JavaScript">					
			var chart1 = new FusionCharts("../../FusionCharts/FCF_Column3D.swf", "chart1Id", "400", "300", "0", "1");		   			
			chart1.setDataXML("<graph><set name='A' value='10' color='D64646' /><set name='B' value='11' color='AFD8F8' /></graph>");
			chart1.render("chart1div");
		</script>
		<BR />
		<form name='frmUpdate'>
		<input type='button' value='Change Data' onClick="javaScript:updateChart('chart1Id');" name='btnUpdate' />		
		</form>
	</CENTER>
</BODY>
</HTML>