I have an angular gauge chart in my web application. when I gave RenderChart it shows the chart. But when i tried to use RenderChartHTML it showing "Invalid XML Data" in chart. I am sharing xml created for both methods.
<!-- START Script Block for Chart ChrBreachingRestoreSLA -->
<div id='ChrBreachingRestoreSLADiv' >
Chart.
</div>
<script type="text/javascript">
var chart_ChrBreachingRestoreSLA = new FusionCharts({"dataFormat" : "xml", "renderAt" : "ChrBreachingRestoreSLADiv", "debugMode" : "1", "swfUrl" : "../../FusionCharts/AngularGauge.swf", "id" : "ChrBreachingRestoreSLA", "wMode" : "transparent", "width" : "100%", "height" : "280", "registerWithJS" : "1","dataSource" : "<chart bgcolor='FFFFFF' BorderColor='FFFFFF' origW='100%' origH='340' lowerLimit='0' upperLimit='100' showLimits='1' gaugeStartAngle='240' gaugeEndAngle='-60' lowerLimitDisplay='Bad' upperLimitDisplay='Good' numberSuffix='%' majorTMNumber='11' majorTMColor='666666' majorTMHeight='8' gaugeOuterRadius='120' gaugeInnerRadius='60%' gaugeFillMix='{light-10},{light-30},{light-20},{dark-5},{color},{light-30},{light-20},{dark-10}' gaugeFillRatio='' baseFontColor='000000' toolTipBgColor='FFFFFF' toolTipBorderColor='333333' ><colorRange><color minValue='0' maxValue='87' code='FF654F' /><color minValue='87' maxValue='96' code='F6BD0F'/><color minValue='96' maxValue='100' code='8BBA00' /></colorRange><dials><dial value='93.35' baseWidth='6' topWidth='1' editMode='1' showValue='1' rearExtension='10' valueY='270' /></dials><styles><definition><style type='font' name='valueFont' bold='1' size='13'/></definition><application><apply toObject='value' styles='valueFont'/></application></styles></chart>"}).render();</script>
<!-- END Script Block for Chart ChrBreachingRestoreSLA -->
<!-- START Code Block for Chart ChrBreachingRestoreSLA -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="280" width="100%" id="ChrBreachingRestoreSLA" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >
<param name="movie" value="../../FusionCharts/AngularGauge.swf">
<param name="allowScriptAccess" value="always">
<param name="scaleMode" value="noScale">
<param name="FlashVars" value="&scaleMode=noScale&chartHeight=280&chartWidth=100%&debugMode=1&DOMId=ChrBreachingRestoreSLA〈=EN&dataXML=<chart bgcolor='FFFFFF' BorderColor='FFFFFF' origW='100%' origH='340' lowerLimit='0' upperLimit='100' showLimits='1' gaugeStartAngle='240' gaugeEndAngle='-60' lowerLimitDisplay='Bad' upperLimitDisplay='Good' numberSuffix='%' majorTMNumber='11' majorTMColor='666666' majorTMHeight='8' gaugeOuterRadius='120' gaugeInnerRadius='60%' gaugeFillMix='{light-10},{light-30},{light-20},{dark-5},{color},{light-30},{light-20},{dark-10}' gaugeFillRatio='' baseFontColor='000000' toolTipBgColor='FFFFFF' toolTipBorderColor='333333' ><colorRange><color minValue='0' maxValue='87' code='FF654F' /><color minValue='87' maxValue='96' code='F6BD0F'/><color minValue='96' maxValue='100' code='8BBA00' /></colorRange><dials><dial value='93.35' baseWidth='6' topWidth='1' editMode='1' showValue='1' rearExtension='10' valueY='270' /></dials><styles><definition><style type='font' name='valueFont' bold='1' size='13'/></definition><application><apply toObject='value' styles='valueFont'/></application></styles></chart>®isterWithJS=1">
<param name="quality" value="best">
<param name="wMode" value="transparent">
<embed flashvars="&scaleMode=noScale&chartHeight=280&chartWidth=100%&debugMode=1&DOMId=ChrBreachingRestoreSLA〈=EN&dataXML=<chart bgcolor='FFFFFF' BorderColor='FFFFFF' origW='100%' origH='340' lowerLimit='0' upperLimit='100' showLimits='1' gaugeStartAngle='240' gaugeEndAngle='-60' lowerLimitDisplay='Bad' upperLimitDisplay='Good' numberSuffix='%' majorTMNumber='11' majorTMColor='666666' majorTMHeight='8' gaugeOuterRadius='120' gaugeInnerRadius='60%' gaugeFillMix='{light-10},{light-30},{light-20},{dark-5},{color},{light-30},{light-20},{dark-10}' gaugeFillRatio='' baseFontColor='000000' toolTipBgColor='FFFFFF' toolTipBorderColor='333333' ><colorRange><color minValue='0' maxValue='87' code='FF654F' /><color minValue='87' maxValue='96' code='F6BD0F'/><color minValue='96' maxValue='100' code='8BBA00' /></colorRange><dials><dial value='93.35' baseWidth='6' topWidth='1' editMode='1' showValue='1' rearExtension='10' valueY='270' /></dials><styles><definition><style type='font' name='valueFont' bold='1' size='13'/></definition><application><apply toObject='value' styles='valueFont'/></application></styles></chart>®isterWithJS=1" type="application/x-shockwave-flash" scaleMode="noScale" allowScriptAccess="always" src="../../FusionCharts/AngularGauge.swf" quality="best" pluginspage="http://www.macromedia.com/go/getflashplayer" id="ChrBreachingRestoreSLA" wMode="transparent" width="100%" height="280" />
</object>
<!-- END Code Block for Chart ChrBreachingRestoreSLA -->
Can anyone point out where I am missing..
Thanks In advance
Berlin.M