Sign in to follow this  
Francis Baril

Discontinuous Data With Ios Devices

Recommended Posts

Hi,

 

We have a graph with discontinous data, very similar to the 10th chart in the Line and Area charts gallery page.

Both the graph and the 10th chart are working fine on computers, but are not rendered correctly with IOS, as missing data are shown.

 

I'm using IOS 4.3.2 on a iPhone 4, but this problem occur with other OS versions and other devices.

 

Is there a workaround with this issue?

 

Thanks,

Francis

 

On my iPhone, the 10th chart is rendered like this :

post-16449-017597600 1305048756_thumb.png

Edited by Francis Baril

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Welcome to FusionCharts Forum!smile.gif

 

First of all, we would like to thank you for showing interest in FusionCharts.

 

Could you please send us the XML code to look into the issue?

 

Awaiting for your response.

Share this post


Link to post
Share on other sites

Hi,

 

This is the XML code of the problematic chart in the Line and Area charts gallery page :

 

<chart caption='Discontinuous Data Demo' numdivlines='4' showValues='0' numVDivLines='22' anchorRadius='2' labelDisplay='rotate' slantLabels='1' lineThickness='2' palette='4'>

<categories>
<category label='5/2001' />
<category label='6/2001' />
<category label='7/2001' />
<category label='8/2001' />
<category label='9/2001' />
<category label='10/2001' />
<category label='11/2001' />
<category label='12/2001' />
<category label='1/2002' />
<category label='2/2002' />
<category label='3/2002' />
<category label='4/2002' />
<category label='5/2002' />
<category label='6/2002' />
<category label='7/2002' />
<category label='8/2002' />
<category label='9/2002' />
<category label='10/2002' />
<category label='11/2002' />
<category label='12/2002' />
<category label='1/2003' />
<category label='2/2003' />
<category label='3/2003' />
<category label='4/2003' />
</categories>

<dataset seriesname='Series 1'>
<set value='0' alpha='0' />
<set value='0' alpha='0' />
<set value='0' alpha='0' />
<set value='0' />
<set value='1' />
<set value='2' />
<set value='3' />
<set value='5' />
<set value='8' />
<set value='11' />
<set value='16' />
<set value='23' />
<set value='31' />
<set value='40' />
<set value='49' />
<set value='59' />
<set value='68' />
<set value='76' alpha='0'/>
<set value='84' alpha='0'/>
<set value='89' />
<set value='94' />
<set value='97' />
<set value='99' />
<set value='100' />
</dataset>

<dataset seriesname='Series 2' >
<set value='0' alpha='0' />
<set value='0' />
<set value='0' />
<set value='0' />
<set value='0' />
<set value='1' />
<set value='1' />
<set value='1' />
<set value='1' />
<set value='6' />
<set value='26' />
<set value='43' />
<set value='43' alpha='0'/>
<set value='43' alpha='0'/>
<set value='43' alpha='0'/>
<set value='43' alpha='0'/>
<set value='43' />
<set value='53' />
<set value='66' />
<set value='78' />
<set value='91' />
<set value='0' alpha='0' />
<set value='0' alpha='0' />
<set value='0' alpha='0' />
</dataset>

</chart>

 

 

Regards,

Francis

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your response.

 

I am afraid, we are unable to replicate the issue, as the code is working fine from our end.

 

Please find the screenshot attached for your reference.

post-10517-093718000 1305538122_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

You are in fact able to reproduce the problem. On your graph, both lines are continuous, they should not.

 

Flash charts are correctly rendered, notice the discontinuous lines on this capture :

Capture%20d%E2%80%99%C3%A9cran%202011-05-16%20%C3%A0%2010.52.45.png

 

 

 

To reproduce the problem on a PC/Mac :

  1. Go to http://www.fusioncharts.com/gallery/
  2. Go to the "Line /Area" gallery section
  3. View the 10th chart, the one named "Multi-series 2D line charts / Discontinuous data demo"
  4. Notice discontinuous lines with the flash version (this is the correct rendering)
  5. Click "View JavaScript Chart"
  6. Notice continuous lines with the Javascript version

 

I copy-pasted you the xml code found with the "View XML" button

 

Regards,

Francis

Share this post


Link to post
Share on other sites

Hi,

 

You can actually show discontinuous data by skipping the data, please check below :

 

e.g.,

 

<chart caption='Discontinuous Data Demo' numdivlines='4' showValues='0' numVDivLines='22' anchorRadius='2' labelDisplay='rotate' slantLabels='1' lineThickness='2' palette='4'>

<categories>
<category label='5/2001' />
<category label='6/2001' />
<category label='7/2001' />
<category label='8/2001' />
<category label='9/2001' />
<category label='10/2001' />
<category label='11/2001' />
<category label='12/2001' />
<category label='1/2002' />
<category label='2/2002' />
<category label='3/2002' />
<category label='4/2002' />
<category label='5/2002' />
<category label='6/2002' />
<category label='7/2002' />
<category label='8/2002' />
<category label='9/2002' />
<category label='10/2002' />
<category label='11/2002' />
<category label='12/2002' />
<category label='1/2003' />
<category label='2/2003' />
<category label='3/2003' />
<category label='4/2003' />
</categories>

<dataset seriesname='Series 1'>
<set />
<set />
<set />
<set value='0' />
<set value='1' />
<set value='2' />
<set value='3' />
<set value='5' />
<set value='8' />
<set value='11' />
<set value='16' />
<set value='23' />
<set value='31' />
<set value='40' />
<set value='49' />
<set value='59' />
<set value='68' />
<set />
<set />
<set value='89' />
<set value='94' />
<set value='97' />
<set value='99' />
<set value='100' />
</dataset>

<dataset seriesname='Series 2' >
<set  />
<set value='0' />
<set value='0' />
<set value='0' />
<set value='0' />
<set value='1' />
<set value='1' />
<set value='1' />
<set value='1' />
<set value='6' />
<set value='26' />
<set value='43' />
<set />
<set />
<set />
<set />
<set value='43' />
<set value='53' />
<set value='66' />
<set value='78' />
<set value='91' />
<set  />
<set  />
<set  />
</dataset>

</chart>

 

Please check the mentioned chart from gallery again. We have updated.

 

We accept that alpha property does not get applied to the lines in JS charts, hence this issue. We would update this feature in our next release.

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