Problem rerender FusionCharts in a rich:panel using IE

[veronicanascente]

Hi, I'm using FusionCharts with JSF and when i need rerender in rich:panel sometimes the Column3D.jsf works, but sometimes it doesn't work. And this problem ocurred just in Internet Explorer.

<a4j:outputPanel id="abasPanel">
 <a4j:commandLink action="#{controller.actionEnableAndSearchNature}" id="abaNature">
 <a4j:support
 action="#{controller.actionEnabledModal}"
 event="onclick" reRender="mensagem" />
 <a4j:support
 action="#{controller.actionDisabledModal}"
 event="oncomplete" reRender="mensagem,abasPanel" />
 </a4j:commandLink>
 <a4j:commandLink action="#{controller.actionEnableAndSearchFunction}" id="abaFunction">
 <a4j:support
 action="#{controller.actionEnabledModal}"
 event="onclick" reRender="mensagem" />
 <a4j:support
 action="#{controller.actionDisabledModal}"
 event="oncomplete" reRender="mensagem,abasPanel" />
 </a4j:commandLink>
<rich:panel id="naturePanel"
 rendered="#{controller.natureEnabled}">
 <rich:spacer height="20" />
 <div align="center">
 <fc:renderHTML chartId="graficNature"
 filename="../fusionCharts/Column3D.swf"
 width="100%" height="300" xml="#{portalDoCidadaoDespesa.dataNature}" /> 	 
 </div> 
</rich:panel>
<rich:panel id="functionPanel"
 rendered="#{controller.functionEnabled}">
 <rich:spacer height="20" />
 <div align="center">
 <fc:renderHTML chartId="graficFunction"
 filename="../fusionCharts/Column3D.swf"
 width="100%" height="300" xml="#{controller.dataFunction}">
 </fc:renderHTML> 
 </div>
</rich:panel>
</a4j:outputPanel>

 

What am I doing wrong?

Edited June 28, 2010 by Guest

[srividya_sharma]

Hi

Nice to know that you are using the JSF tag library successfully.

Can you please elaborate on how you are re-rendering the chart?

Srividya

[veronicanascente]

Hi, I'm using this structure

<a4j:outputPanel id="test">
    <a4j:commandLink>
		    <a4j:support event="oncomplete" reRender="test"/>
    </a4j:commandLink>
		 <rich:panel>
			 <fc:renderHTML>
		     </fc:renderHTML> 
	  </rich:panel>
</a4j:outputPanel>

This a4j:commandLink, in his action, make my

<richPanel> enable or disable, and the <a4j:support> in his event="complete" make a

rerender in my <a4j:outputPanel> and consequently in my chart. Sometimes the chart works

perfectly, but sometimes the chart doesn't work in IE.

In Mozilla, the chart always works.

Thanks for Help.

[srividya_sharma]

Hi

Do you mean to say that the chart does not refresh itself when rerender happens? ( in IE sometimes )

or does the chart not show up at all?

Can you share some screenshot showing the problem?

Thanks

Srividya

Edited June 30, 2010 by Guest

[veronicanascente]

Hi,

The chart doesn't show up at all. I post a screen when the chart works and when the chart doesn't work

Thanks for help.

[srividya_sharma]

Hi

From the attached screen-shot, it looks like the problem is with width and height of the chart, when re-rendered.

Can you please send a stripped-down version of your code - say, a jsf page and a class which handles the re-rendering? ( as an attachment )

This would help me to directly deploy the application and try it out. This would save time for you.

Thanks

Srividya

[veronicanascente]

Hi,

 

 

 

I did a simple class and a simple xhtml to show the problem. I attached too the jar fusionchartstaglibJSF1-2.jar and jdom-1.0.jar that I'm using in this project.

 

 

 

Thanks for Help.

test.zip

[srividya_sharma]

Hi

Thanks for the sample application.

Using the sample application, when I click on Test1 I get the chart with Test1 caption and I get chart with Test2 caption for the Test2 link. I am unable to replicate the problem in IE7. 

I noticed that the width you are using is width="100%" . Please change it to a absolute width and test once.

Could you please try this and tell me if it works?

Srividya

[veronicanascente]

Hi,

 

 

 

I changed width="100%" to a absolute width. And it works!!!

 

 

 

 

 

Thanks for Help.

Edited July 5, 2010 by Guest

[srividya_sharma]

You are most welcome!

Happy FusionCharting!

Srividya