Fusion Chart Is Rendered Only When Its Visible On Screen

[Karthik87.mit]

Hi,

 

I have this problem that the Fusion chart is visible only when it is visible on the screen.

I am waiting for the rendered event and this is not fired until i scroll down the page to my Fusion charts.

This problem is found in FireFox 3.6.

 

Waiting for some reply on this.

 

Thanks,

Karthik

[Guest Angshu]

Hi,

 

Welcome to FusionCharts Forum!

 

Could you please send us a screenshot or any live link to look into the issue?

 

Awaiting for your response.

[Karthik87.mit]

I cant send you a screen shot as it is our tool.

But i can explain you the details.

We have some widgets in a page and one of those widgets contains Fusion chart.

The widget is not visible when the page is loaded. But according to my code, the chart inside the widget has to be rendered no matter whether the widget is visible or not.

This is the case in chrome or Firefox 4.0.

 

But in Firefox 3.6 i find this is not happening. The char is rendered only when i scroll down to that widget. Is this a bug?

  On 6/20/2011 at 5:28 AM, Angshu said:

Hi,

 

Welcome to FusionCharts Forum!

 

Could you please send us a screenshot or any live link to look into the issue?

 

Awaiting for your response.

 

 

 

 

 

[Guest Angshu]

Hi,

 

Thanks for your response.

 

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

 

Awaiting for your reply.

[Karthik87.mit]

Here is the config xml

 

 

<chart

{% if plotSpacePercent %}

plotSpacePercent='{{plotSpacePercent}}'

{% else %}

plotSpacePercent='40'

{% endif %}

palette="2"

useRoundEdges='1'

plotGradientColor=''

bgColor='ffffff'

 

exportShowMenuItem='1'

exportEnabled='1' exportHandler='/export/FusionCharts/saveChartAsImage/' exportAtClient='0'

exportCallback='widgets.trends_main.widgetImageCompletedCallback'

 

showFCMenuItem='0' bgAlpha='100' borderThickness='0' showBorder='0' canvasBorderThickness='0' canvasBgColor='ffffff'

showValues='0'

decimals='{{decimals}}'

{% if showSecondaryYAxis %}

sDecimals='{{decimals}}'

{% if sNumberPrefix %}sNumberPrefix='{{sNumberPrefix}}'{% endif %}

{% if sNumberSuffix %}sNumberSuffix='{{sNumberSuffix}}'{% endif %}

{% if yaxis_label_secondary %}SYAxisName='{% trans yaxis_label_secondary %}'{% endif %}

{% endif %}

showSecondaryLimits='{{showSecondaryYAxis}}'

showDivLineSecondaryValue='{{showSecondaryYAxis}}'

adjustDiv='1'

PyAxisMaxValue='{{max_score}}'

SyAxisMaxValue='{{max_score_secondary}}'

SyAxisMinValue='{{min_score_secondary}}'

{% ifequal show_scale 1 %}

pyAxisName='{% trans trend_name|capfirst %}{% if y_axis_name_line_feed %} {% else %} {% endif %}{% blocktrans %}(Scale {{scale_min_score}} to {{scale_max_score}}){% endblocktrans %}'

{% else %}

pyAxisName='{% trans trend_name|capfirst %}'

{% endifequal %}

labelDisplay='rotate'

slantLabels='1'

baseFontSize='11'

baseFontColor='333333' toolTipBgColor='cccccc' legendBgAlpha='100' alternateHGridAlpha="5" showAlternateHGridColor="1"

legendBgColor='f0f3ed'

{# baseFont='Lucida Grande' #}

legendShadow='0'

connectNullData="1"

>

 

<styles>

{% include "common/includes/fusioncharts_styles.xml" %}

<application>

<apply toObject='yAxisName' styles='myStrAxisFont'/>

<apply toObject='DataLabels' styles='mySltAxisFont'/>

</application>

</styles>

 

Is there anything to do with chart rendering and the visiblity on the screen?

Actually i am waiting for printready event and since the chart is not rendered until i scroll done, i am not getting that event.

 

This is not seen in Firefox 4.0 or chrome. Advice me to solve this issue.

 

Karthik

  On 6/20/2011 at 6:28 AM, Angshu said:

Hi,

 

Thanks for your response.

 

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

 

Awaiting for your reply.

[Karthik87.mit]

Can i have some reply on this pls

  On 6/20/2011 at 10:54 AM, Karthik87.mit said:

Here is the config xml

 

 

<chart

{% if plotSpacePercent %}

plotSpacePercent='{{plotSpacePercent}}'

{% else %}

plotSpacePercent='40'

{% endif %}

palette="2"

useRoundEdges='1'

plotGradientColor=''

bgColor='ffffff'

 

exportShowMenuItem='1'

exportEnabled='1' exportHandler='/export/FusionCharts/saveChartAsImage/' exportAtClient='0'

exportCallback='widgets.trends_main.widgetImageCompletedCallback'

 

showFCMenuItem='0' bgAlpha='100' borderThickness='0' showBorder='0' canvasBorderThickness='0' canvasBgColor='ffffff'

showValues='0'

decimals='{{decimals}}'

{% if showSecondaryYAxis %}

sDecimals='{{decimals}}'

{% if sNumberPrefix %}sNumberPrefix='{{sNumberPrefix}}'{% endif %}

{% if sNumberSuffix %}sNumberSuffix='{{sNumberSuffix}}'{% endif %}

{% if yaxis_label_secondary %}SYAxisName='{% trans yaxis_label_secondary %}'{% endif %}

{% endif %}

showSecondaryLimits='{{showSecondaryYAxis}}'

showDivLineSecondaryValue='{{showSecondaryYAxis}}'

adjustDiv='1'

PyAxisMaxValue='{{max_score}}'

SyAxisMaxValue='{{max_score_secondary}}'

SyAxisMinValue='{{min_score_secondary}}'

{% ifequal show_scale 1 %}

pyAxisName='{% trans trend_name|capfirst %}{% if y_axis_name_line_feed %}{% else %} {% endif %}{% blocktrans %}(Scale {{scale_min_score}} to {{scale_max_score}}){% endblocktrans %}'

{% else %}

pyAxisName='{% trans trend_name|capfirst %}'

{% endifequal %}

labelDisplay='rotate'

slantLabels='1'

baseFontSize='11'

baseFontColor='333333' toolTipBgColor='cccccc' legendBgAlpha='100' alternateHGridAlpha="5" showAlternateHGridColor="1"

legendBgColor='f0f3ed'

{# baseFont='Lucida Grande' #}

legendShadow='0'

connectNullData="1"

>

 

<styles>

{% include "common/includes/fusioncharts_styles.xml" %}

<application>

<apply toObject='yAxisName' styles='myStrAxisFont'/>

<apply toObject='DataLabels' styles='mySltAxisFont'/>

</application>

</styles>

 

Is there anything to do with chart rendering and the visiblity on the screen?

Actually i am waiting for printready event and since the chart is not rendered until i scroll done, i am not getting that event.

 

This is not seen in Firefox 4.0 or chrome. Advice me to solve this issue.

 

Karthik