Invalid XML data on RenderChartHTML

[berlin144]

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>&registerWithJS=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>&registerWithJS=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

 

[Guest Sashibhusan]

Hey,

 

Could you please try once by replacing the "%" character with URL-Encoded "%25" in the gauge XML string and see if it works?

 

Hope this helps!

[berlin144]

Hey,

 

Could you please try once by replacing the "%" character with URL-Encoded "%25" in the gauge XML string and see if it works?

 

Hope this helps!

That helps

Thank you

[Guest Sumedh]