Hi,
I've been using the XML code to generate the fusion charts directly in the HTML page and in Firefox the graphs and charts are appearing correctly, but in IE (I'm using IE9) it's appearing the error message "Invalid XML data.".
Here's an example of a HTML page where I'm using the XML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- TemplateBeginEditable name="document_title" -->
<title></title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../Css/MainCss.css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body class="TemplatesBody">
<div>
<!-- TemplateBeginEditable name="EditableContentRegion" -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="410" id="Pie3D" >
<param name="movie" value="../FusionCharts/Pie3D.swf" />
<param name="wmode" value="transparent" />
<param name="FlashVars" value="&dataXML=<chart bgColor='ffffff' bgAlpha='1' bgSWF='swfs/tela_125.swf' chartLeftMargin='-100' chartRightMargin='450' chartBottomMargin='150' chartTopMargin='100' showAlternateVGridColor='1' alternateVGridAlpha='10' alternateVGridColor='AFD8F8' numDivLines='10' decimalPrecision='1' canvasBorderThickness='1' baseFontColor='395A64' baseFont='Arial' baseFontSize='11' hoverCapBorderColor='666666' numberSuffix='%25'>
<set label='RESERVED: 35' value='13.7' color='AFD8F8' alpha='70'/>
<set label='LEGACY: 92' value='35.9' color='F6BD0F' alpha='70'/>
<set label='ALLOCATED: 129' value='50.4' color='8BBA00' alpha='70'/>
<set label='UNALLOCATED: 0' value='0.0' color='A66EDD' alpha='70'/>
</chart>
<set label='RESERVED: 35' value='13.7' color='AFD8F8' alpha='70'/>
<set label='LEGACY: 92' value='35.9' color='F6BD0F' alpha='70'/>
<set label='ALLOCATED: 129' value='50.4' color='8BBA00' alpha='70'/>
<set label='UNALLOCATED: 0' value='0.0' color='A66EDD' alpha='70'/>
</chart>">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="../FusionCharts/Pie3D.swf" wmode="transparent" flashVars="&dataXML=<chart bgColor='ffffff' bgAlpha='1' bgSWF='swfs/tela_125.swf' chartLeftMargin='-100' chartRightMargin='450' chartBottomMargin='150' chartTopMargin='100' showAlternateVGridColor='1' alternateVGridAlpha='10' alternateVGridColor='AFD8F8' numDivLines='10' decimalPrecision='1' canvasBorderThickness='1' baseFontColor='395A64' baseFont='Arial' baseFontSize='11' hoverCapBorderColor='666666' numberSuffix='%25'>
<set label='RESERVED: 35' value='13.7' color='AFD8F8' alpha='70'/>
<set label='LEGACY: 92' value='35.9' color='F6BD0F' alpha='70'/>
<set label='ALLOCATED: 129' value='50.4' color='8BBA00' alpha='70'/>
<set label='UNALLOCATED: 0' value='0.0' color='A66EDD' alpha='70'/>
</chart>"
quality="high" width="900" height="410" name="Pie3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- TemplateEndEditable --> </div>
</body>
<script type="text/javascript" language="javascript" src="../Scripts/TemplatesScript.js"></script>
</html>
Does anyone had this problem and solved it? What I'm I doing wrong?
I would be glad if someone could help me to solve this annoying problem!