The flash object doesn't scroll along with the window

[HeMan]

Hi,

I have a fusionchart bar graph series on my JSP. After the graph flash object is initially displayed, when I resize the window and scroll it, the image gets distorted and tends to give scales. In layman terms, the flash doesn't want to move along the scrollbar. I am attaching the xml I use and the error image. Could someone please help.

Also, for an info, when I have images in place, the images are rendered fine even as I scroll. So, I suspect it's a problem with the flash object alone and not some stylesheet.

The XML:

<chart  caption='Booked Weight' showFCMenuItem='0' baseFontSize='10' formatNumberScale='0' plotGradientColor='' bgColor='ffffff' toolTipSepChar=' : ' animation='1' showValues='0' showLegend='1' showBorder='0' showShadow='1' showToolTip='1' showExportDataMenuItem='0' plotSpacePercent='20' plotBorderThickness='1' thousandSeparator=' ' decimalSeparator='.' xAxisName='No of Days Out' yAxisName='Weight' decimals='4' forceDecimals='0'>
<categories>
<category label='13'/>
<category label='12'/>
<category label='11'/>
<category label='10'/>
<category label='9'/>
<category label='8'/>
<category label='7'/>
<category label='6'/>
<category label='5'/>
<category label='4'/>
<category label='3'/>
<category label='2'/>
<category label='1'/>
<category label='0'/>
</categories>
<dataset seriesName='Cap Alloc to Baggage, Mail & Contracted Space    ' color='0000CC' anchorSides='20' anchorRadius='3' anchorBgColor='0000CC' anchorBorderColor='0000CC'>
<set value='8295.05964225'/><set value='8295.05964225'/><set value='8295.05964225'/><set value='8222.0'/><set value='8132.0'/><set value='7742.0'/><set value='7622.0'/><set value='7862.0'/><set value='7862.0'/><set value='7952.0'/><set value='8372.0'/><set value='7592.0'/><set value='7352.0'/><set />
</dataset>
<dataset seriesName='Actual and Remaining Fcst Spot Bookings   ' color='990066' anchorSides='20' anchorRadius='3' anchorBgColor='990066' anchorBorderColor='990066'>
<set /><set /><set /><set /><set /><set /><set /><set /><set /><set /><set /><set value='69767.13'/><set value='70256.3'/><set />
</dataset>
<dataset seriesName='Cap Alloc to Baggage' color='006600' anchorSides='20' anchorRadius='3' anchorBgColor='006600' anchorBorderColor='006600'>
<set value='8293.05964225'/><set value='8293.05964225'/><set value='8293.05964225'/><set value='8220.0'/><set value='8130.0'/><set value='7740.0'/><set value='7620.0'/><set value='7860.0'/><set value='7860.0'/><set value='7950.0'/><set value='8370.0'/><set value='7590.0'/><set value='7350.0'/><set />
</dataset>
<dataset seriesName='Authorized Capacity' color='0099FF' anchorSides='20' anchorRadius='3' anchorBgColor='0099FF' anchorBorderColor='0099FF'>
<set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set value='56683.2'/><set />
</dataset>
<dataset seriesName='Booked Weight' color='FF3300' anchorSides='20' anchorRadius='3' anchorBgColor='FF3300' anchorBorderColor='FF3300'>
<set /><set /><set /><set /><set /><set /><set /><set /><set value='3259.91'/><set value='10363.43'/><set /><set value='10407.48'/><set value='11438.31'/><set />
</dataset>
<dataset renderAs='column'>
</dataset>
<trendLines>
</trendLines>
</chart>

Any help is much appreciated.

 

Regards,

Hari.

[FusionCharts Support]

Hi,

 

 

 

Could you please try once setting the WMODE of the chart to Opaque or Transparent?

[HeMan]

Hi Sudipto,

 

 

 

That worked. Thank you very much.

 

I had a style element "filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFC2DBF1', startColorstr='#FFFFFF', gradientType='0');" added to the body which was causing the trouble.

 

 

 

Added chart.addParam("WMode", "Transparent"); and it worked wonderful.

 

Thanks again.

 

 

 

 

 

Regards,

 

Hari.

[Guest Basundhara Ghosal]

Hi Hari,

You are welcome.

We are happy to know that your issue is resolved.

Happy FusionCharting. :hehe:

[HeMan]

The whole app started giving a supergood feel ever since we shifted to FC .

 

I was however wondering how exactly do wmode="Trasparent" and wmode="Opaque" differ? It doesn't make any difference to my application atleast. Can you please help me understand what is this parameter wmode for Basundhara. I might need it later on in some other chart who knows.

[Guest Basundhara Ghosal]

Hi Hari,

 

 

 

Thanks to you for your appreciation.

 

 

 

If you set WMODE of the chart to Transparent, all the HTML elements of the page would get displayed over the chart, pushing the chart behind.

 

 

 

If you set the WMODE to Opaque, just the opposite scenario would get displayed.

 

 

 

I hope I am able to be clear about the difference. If not, please do revert.

 

 

 

Awaiting your reply.

[HeMan]

Thanks for the quick reply Basundhara. I understand the difference now.

 

I have tried to put some unmovable HTML elements (position:absolute) and can now see the difference.

 

 

 

Thanks.

Edited February 17, 2010 by Guest

[Guest Basundhara Ghosal]

Hi Hari,

 

 

 

You are most welcome.

 

 

 

I am really happy to be able to make you understand the difference.

 

 

 

Please revert to me if you face any issues in future. I would only be glad to help you.

 

 

 

Happy FusionCharting.