Sign in to follow this  
wcchong

Show invalid data in iPad, but it is ok on pc web browser

Recommended Posts

Hi,

 

I used below codes to create a Angular Gauge. On pc web browser, it works properly. But it showed "Invalid data" on iPad. Is there anyone know why ???

 

Thanks a lot.

<html>
	<head>
		<title>Sample - FusionCharts - Using AngularGauge</title>
		<script type="text/javascript" src="/FusionWidgets/FusionCharts.js"></script>
	</head>
	<body>    
		<div id="chartContainer">FusionCharts XT will load here</div>
		<script type="text/javascript">
			<!--
				var myChart = new FusionCharts("/FusionWidgets/AngularGauge.swf", "myChartId", "630", "290", "0", "1");
					myChart.setXMLData("<Chart manageResize='1' upperLimit='314572800' upperLimitDisplay='    300Mb/s' lowerLimit='0' lowerLimitDisplay='0Mb/s' majorTMNumber='5' majorTMHeight='9' minorTMNumber='4' minorTMColor='000000' minorTMHeight='3' majorTMThickness='2' pivotRadius='16' showBorder='1' bgColor='FFFFFF' borderColor='FFFFFF' gaugeOuterRadius='200' gaugeInnerRadius='0' gaugeOriginX='312' gaugeOriginY='248' gaugeScaleAngle='180' gaugeAlpha='50' hoverCapBgColor='F2F2FF' hoverCapBorderColor='6A6FA6' dataStreamURL='angular.php' refreshInterval='300' placeValuesInside='0' decimalPrecision='0' displayValueDistance='20' numberSuffix='' formatNumber='1' thousandSeparator=',' decimalPrecision='0' formatNumberScale='1' chartLeftMargin='0' chartRightMargin='0' chartTopMargin='0' chartBottomMargin='0' baseFont='Arial' baseFontSize='12' defaultNumberScale='b/s' numberScaleValue='1024,1024' numberScaleUnit='kb/s,Mb/s' >     <colorRange>         <color minValue='0' maxValue='293601280' code='00FF00' alpha='60' borderColor='8BBA00'></color>         <color minValue='293601280' maxValue='314572800' code='FF0000' alpha='60' borderColor='8BBA00'></color>     </colorRange>     <dials>          <dial value='228969993.6' bgColor='008000' borderAlpha='0' baseWidth='16' topWidth='1' radius='180'></dial> <dial value='28679168' bgColor='ff00ff' borderAlpha='0' baseWidth='16' topWidth='1' radius='180'></dial> </dials></Chart> ");
				myChart.render("chartContainer");
			// -->
		</script>
	</body>
</html>

Share this post


Link to post
Share on other sites

Hey,

 

"Invalid data" message occurs when there are duplicate attributes or extra quotes (") mentioned in the XML of the chart. Although, the Flash chart ignores duplicate attributes, the JavaScript chart does a strict XML validation.

 

In your XML, "decimalPrecision" attribute has been defined twice.

 

Hope this helps.

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
Sign in to follow this