berlin144

Invalid XML data on RenderChartHTML

Recommended Posts

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

 

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now