Sign in to follow this  
JMD

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

Recommended Posts

I have created the following Area 2D chart:

 

area-flash.png

 

 

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 by JMD

Share this post


Link to post
Share on other sites

I have created the following Area 2D chart:

 

area-flash.png

 

 

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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! :)

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