Fusion Chart On Iphone

[Jesús]

Hi there,

 

I've created a little page to show some graphs, but when i open the url with my iphone, it shows an error that says "Invalid Data", but this site is displayed correctly in a regular browser.

 

I attached an image, i hope that somebody could help me.

[Guest Bindhu]

Hi,

 

Can you please share the XML data with us?

 

Please make sure that there is at least one space after every attribute definition.

 

Also, please note that the attributes are case sensitive when it comes to JavaScript mode of rendering the charts.

 

Hope this helps!

[Jesús]

Sure, here it is the xml

 

<div id="PROSATBPSDiv"> Chart </div><script type="text/javascript" ><!-- // Instantiate the Chart var chart_PROSATBPS = new FusionCharts( { "swfUrl" : "charts/MultiAxisLine.swf", "width" : "1200", "height" : "639", "renderAt" : "PROSATBPSDiv", "dataFormat" : "xml", "id" : "PROSATBPS", "wMode" : "opaque", "dataSource" : "<chart bgColor='FFFFFF' showBorder='1' borderColor='000000' borderThickness='2' borderAlpha='20' canvasBgColor='E0E0E0' canvasBgAlpha='80' canvasBorderColor='E0E0E0' canvasBorderThickness='2' canvasBorderAlpha='80' logoURL='images/prosa_logo.png' logoAlpha='20' logoPosition='CC' caption='INCREMENTO PORCENTUAL' subcaption='al 2012-06-21' xAxisName='Fecha' labelDisplay='Rotate' labelStep='1' toolTipBgColor='FFFFFF' outCnvBaseFont='Calibri' outCnvBaseFontSize='11' outCnvBaseFontColor='000000' baseFont='Calibri' baseFontSize='13' baseFontColor='333333' adjustDiv='0' divLineColor='A80329' divLineThickness='1' divLineAlpha='50' divLineIsDashed='1' divLineDashLen='6' divLineDashGap='3' lineThickness='2' chartLeftMargin='15' chartRightMargin='15' chartTopMargin='15' chartBottomMargin='15' captionPadding='5' xAxisNamePadding='5' yAxisNamePadding='5' yAxisValuesPadding='5' labelPadding='5' valuePadding='5' canvasPadding='8' formatNumber='1' setAdaptiveYMin='1' centerYaxisName='1' adjustDiv='1' showExportDataMenuItem='1' exportDataMenuItemLabel='Copiar datos como CSV' exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' exportFormats='PDF=Guardar como PDF|PNG=Guardar como PNG|JPG=Guardar como JPG' exportDialogMessage = 'Exportando datos: '><categories><category label='01-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='02-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='03-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='04-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='05-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='06-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='07-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='08-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='09-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='10-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='11-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='12-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='13-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='14-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='15-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='16-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='17-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='18-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='19-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='20-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><category label='21-06'/> <vLine linePosition='0' color='A80329' alpha='20' dashed='1' dashLen='6'/><vLine linePosition='0'/> </categories><axis title='TXNS 2012' titlePos='left' tickWidth='10' divlineisdashed='1' formatNumberScale='0' setAdaptiveYMin='1' color='d02727'><dataset seriesName='2012' showValues='0' anchorRadius='3'><set value='5881851'/> <set value='11301222'/> <set value='15752150'/> <set value='19951535'/> <set value='24200223'/> <set value='28131423'/> <set value='32273593'/> <set value='37270037'/> <set value='42216239'/> <set value='46234277'/> <set value='50143406'/> <set value='54125988'/> <set value='58174786'/> <set value='63044959'/> <set value='68967632'/> <set value='74614271'/> <set value='78944567'/> <set value='82964082'/> <set value='86911577'/> <set value='90798597'/> <set value='94895955'/> </dataset><dataset seriesName='2011' showValues='0' anchorRadius='3' color='1144AA'><set value='3737993' /> <set value='7213386' /> <set value='10989305' /> <set value='14876287' /> <set value='18188736' /> <set value='21347186' /> <set value='24374571' /> <set value='27406441' /> <set value='30520780' /> <set value='34818381' /> <set value='39015973' /> <set value='42338362' /> <set value='45857299' /> <set value='49801125' /> <set value='54291141' /> <set value='58468783' /> <set value='63251586' /> <set value='67633292' /> <set value='71252412' /> <set value='74763594' /> <set value='78225661' /> </dataset></axis><axis title='Incremento porcentual' titlePos='right' axisOnLeft='0' tickWidth='20' divlineisdashed='1' numberSuffix='%' color='00CC00'><dataset seriesName='Incremento %' drawAnchors='1' showValues='0' anchorSides='4' anchorRadius='4'><set value='57.35' /> <set value='56.67' /> <set value='43.34' /> <set value='34.12' /> <set value='33.05' /> <set value='31.78' /> <set value='32.41' /> <set value='35.99' /> <set value='38.32' /> <set value='32.79' /> <set value='28.52' /> <set value='27.84' /> <set value='26.86' /> <set value='26.59' /> <set value='27.03' /> <set value='27.61' /> <set value='24.81' /> <set value='22.67' /> <set value='21.98' /> <set value='21.45' /> <set value='21.31' /> </dataset> </axis></chart>" } ).render();// --></script><!-- END Script Block for Chart PROSATBPS -->

Edited June 23, 2012 by JESUS AVILA

[Sanjukta]

Hi Jesus,

 

Could you please remove the repeated and duplicate "adjustDiv" attribute from the XML that is causing the error in the JavaScript chart and see if this helps?

 

Hope this helps.

[Jesús]

Hi there !!

 

It works !! Thanks a lot, just one more question with the export hardler, is it supported in iphone browser ?? Because i just can see the name of the div.

 

And again thanks a lot.

[Guest Sumedh]

Hi there !!

 

It works !! Thanks a lot, just one more question with the export hardler, is it supported in iphone browser ?? Because i just can see the name of the div.

 

And again thanks a lot.

 

Hi,

 

FusionCharts export component is not supported in iPhone's browser as it doesn't support Flash.

 

For exporting the chart, you would need to set exportEnabled attribute as "1" in the chart's XML. A download button will appear in the top right corner of the chart.

 

For more information, please refer the following URL's:

http://docs.fusioncharts.com/charts/contents/?exporting-image/ECOverview.html

 

http://docs.fusioncharts.com/charts/contents/?exporting-image/ECPureJS.html

 

Hope this helps.

[Jesús]

Thanks a lot !!

[Guest Sumedh]

Thanks a lot !!