wcchong Report post Posted November 7, 2013 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
Swarnam Report post Posted November 7, 2013 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
wcchong Report post Posted November 11, 2013 Hi Swarnam, Thanks a lot. Share this post Link to post Share on other sites