Discontinuous Data With Ios Devices

[Francis Baril]

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 :

Edited May 10, 2011 by Francis Baril

[Guest Angshu]

Hi,

 

Welcome to FusionCharts Forum!

 

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.

[Francis Baril]

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

[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.

[Francis Baril]

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 :

 

 

 

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

[FusionCharts Support]

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.