Area 2D With Set Color Not Working In Ipad (Javascript)

[JMD]

I have created the following Area 2D chart:

 

 

 

It works fine in desktop browsers. The "<set color=.." is working fine whether the "<chart plotFillColor..." is included or not.

 

In iPad it renders in one solid color if "<chart plotFillColor..." is set. If it isn't set then it renders all grey.

 

Here's the xml I used for the above:

 

<chart use3dlighting='0' plotgradientcolor='' plotfillcolor='008bc1' yaxisminvalue='7000' yaxismaxvalue='14000' labelstep='4' showvalues='0' numberprefix=' showlabels='1' labeldisplay='rotate' numdivlines='5' showdivlinevalues='1' canvasborderalpha='0' bgcolor='dee3e8' showplotborder='0' outcnvbasefontcolor='37444A' basefont='Lucida Sans Unicode' outcnvbasefontsize='10'>
   <set value='10000.00495' label='10/05/2007' alpha='90' color='59b6d9' />
   <set value='10260.0050787' label='10/31/2007' alpha='90' color='59b6d9' />
   <set value='10310.2791035856' label='11/30/2007' alpha='90' color='59b6d9' />
   <set value='10271.100042992' label='12/31/2007' alpha='90' color='59b6d9' />
   <set value='10422.085213624' label='01/31/2008' alpha='90' color='59b6d9' />
   <set value='10593.0074111274' label='02/29/2008' alpha='90' color='59b6d9' />
   <set value='10881.077911969' label='03/31/2008' alpha='90' color='59b6d9' />
   <set value='10829.9368457827' label='04/30/2008' alpha='90' color='59b6d9' />
   <set value='10737.8823825936' label='05/31/2008' alpha='90' color='59b6d9' />
   <set value='10651.9793235328' label='06/30/2008' alpha='90' color='59b6d9' />
   <set value='10724.4127829328' label='07/31/2008' alpha='90' color='59b6d9' />
   <set value='10301.8709192853' label='08/31/2008' alpha='90' color='59b6d9' />
   <set value='9857.86028266409' label='09/30/2008' alpha='90' color='59b6d9' />
   <set value='8890.80418893474' label='10/31/2008' alpha='90' color='59b6d9' />
   <set value='9036.61337763327' label='11/30/2008' alpha='90' color='59b6d9' />
   <set value='9766.77173854604' label='12/31/2008' alpha='90' color='59b6d9' />
   <set value='9284.31653748801' label='01/31/2009' alpha='90' color='59b6d9' />
   <set value='9010.35763128586' label='02/28/2009' alpha='90' color='59b6d9' />
   <set value='9344.64189940657' label='03/31/2009' alpha='90' color='59b6d9' />
   <set value='9695.06597063431' label='04/30/2009' alpha='90' color='59b6d9' />
   <set value='10470.6712482851' label='05/31/2009' alpha='90' color='59b6d9' />
   <set value='10559.6719538955' label='06/30/2009' alpha='90' color='59b6d9' />
   <set value='11023.1855854761' label='07/31/2009' alpha='90' color='59b6d9' />
   <set value='11206.170466195' label='08/31/2009' alpha='90' color='59b6d9' />
   <set value='11637.4874120969' label='09/30/2009' alpha='90' color='59b6d9' />
   <set value='11734.0785576173' label='10/31/2009' alpha='90' color='59b6d9' />
   <set value='11992.2282858849' label='11/30/2009' alpha='90' color='59b6d9' />
   <set value='11565.504181736' label='12/31/2009' alpha='90' color='59b6d9' />
   <set value='11500.5808079001' label='01/31/2010' alpha='90' color='59b6d9' />
   <set value='11435.027497295' label='02/28/2010' alpha='90' color='59b6d9' />
   <set value='11595.1178822572' label='03/31/2010' alpha='90' color='59b6d9' />
   <set value='11617.1486062335' label='04/30/2010' alpha='90' color='59b6d9' />
   <set value='10934.0602681869' label='05/31/2010' alpha='90' color='59b6d9' />
   <set value='10988.7305695279' label='06/30/2010' alpha='90' color='59b6d9' />
   <set value='11779.9191705339' label='07/31/2010' alpha='90' color='59b6d9' />
   <set value='11790.5210977874' label='08/31/2010' alpha='90' color='59b6d9' />
   <set value='12548.6516043751' label='09/30/2010' alpha='90' color='59b6d9' />
   <set value='12849.8192428801' label='10/31/2010' alpha='90' color='59b6d9' />
   <set value='11924.6322573927' label='11/30/2010' alpha='90' color='59b6d9' />
   <set value='12314.5677322095' label='12/31/2010' alpha='90' color='59b6d9' />
   <set value='12459.8796314495' label='01/31/2011' alpha='90' color='59b6d9' />
   <set value='12727.7670435257' label='02/28/2011' alpha='90' color='59b6d9' />
   <set value='12891.9552383872' label='03/31/2011' alpha='90' color='59b6d9' />
   <set value='13445.020118114' label='04/30/2011' alpha='90' color='59b6d9' />
   <set value='13478.6326684093' label='05/31/2011' alpha='90' color='008bc1' />
   <set value='13454.0232663393' label='06/30/2011' alpha='90' color='008bc1' />
   <set value='13705.2680990932' label='07/31/2011' alpha='90' color='008bc1' />
   <set value='13169.3921164187' label='08/31/2011' alpha='90' color='008bc1' />
   <set value='12047.3599080998' label='09/30/2011' alpha='90' color='008bc1' />
   <set value='12269.0313304088' label='10/31/2011' alpha='90' color='008bc1' />
   <set value='11896.0527779644' label='11/30/2011' alpha='90' color='008bc1' />
   <set value='11978.1355421323' label='12/31/2011' alpha='90' color='008bc1' />
   <set value='12412.9418623118' label='01/31/2012' alpha='90' color='008bc1' />
   <set value='12663.6832879304' label='02/29/2012' alpha='90' color='008bc1' />
   <set value='12789.3201208098' label='03/31/2012' alpha='90' color='008bc1' />
   <set value='12828.9670131843' label='04/30/2012' alpha='90' color='008bc1' />
   <set value='12394.0650314373' label='05/31/2012' alpha='90' color='008bc1' />
   <set value='12606.242949978' label='06/30/2012' alpha='90' color='008bc1' />
   <set value='12941.5690124475' label='07/31/2012' alpha='90' color='008bc1' />
   <set value='13089.1028991894' label='08/31/2012' alpha='90' color='008bc1' />
   <set value='13304.073097026' label='09/30/2012' alpha='90' color='008bc1' />
   <set value='13411.8360891119' label='10/31/2012' alpha='90' color='008bc1' />
   <set value='13493.6482892555' label='11/30/2012' alpha='90' color='008bc1' />
   <set value='13731.1364991464' label='12/31/2012' alpha='90' color='008bc1' />
</chart>

 

 

Any help you can provide is appreciated.

 

JM

Edited February 13, 2013 by JMD

[Sanjukta]

I have created the following Area 2D chart:

 

 

 

It works fine in desktop browsers. The "<set color=.." is working fine whether the "<chart plotFillColor..." is included or not.

 

In iPad it renders in one solid color if "<chart plotFillColor..." is set. If it isn't set then it renders all grey.

 

Here's the xml I used for the above:

 

Any help you can provide is appreciated.

 

JM

 

This feature is currently not available on the JavaScript chart due to technical limitations.

 

However, we shall update you in case we are able to overcome the same.

 

Thank you for your continued support.

[JMD]

Thanks Sanjukta,

 

I reworked the XML and used the MSarea.swf instead.

 

Although it is technically one dataset, using the MSarea.swf solved my problem.

 

Thanks,

 

JM

[Sanjukta]

Hi,

 

Thanks Sanjukta,

 

I reworked the XML and used the MSarea.swf instead.

 

Although it is technically one dataset, using the MSarea.swf solved my problem.

 

Thanks,

 

JM

 

Glad that your issue is resolved.

 

The work-around is indeed helpful for users facing the similar issue.

 

Happy FusionCharting!