GXT and Highcharts and Chart not rendering

[8020Rule]

I'm evaluating Highcharts and have a basic GWT Web Application with a GWT-Highcharts Chart, a ContentPanel, Portlet, and PortletLayouContainer. The Chart is added to the ContentPanel. The ContentPanel is added to the Portlet. The Portlet is added to the PortletLayouContainer. And the PortletLayoutContainer is added to the RootPanel.

When the project is run either in development mode or compiled mode, all widgets render correctly but the Chart does not render correctly until after the Portlet is grabbed with the mouse and then released. The chart seems to be rendered (correctly or not), but only about 25 pixels of it is displayed at the far left end of the ContentPanel.

If I remove the GXT widgets and add the Chart to the RootPanel, it renders correctly on load. So any ideas of what the problem might be.

[Dirrot]

Hi Rule,

i have the same problem - any solutions so far ??

[8020Rule]

The chart has to be added after the container it is added to has been rendered (read: sized). The way I accomplished this was by using GWT Scheduler to defer adding the chart to the container until after the container rendered.

[robferguson]

Hi,

This sample might help:

-> http://gwt-cx.com/extgwt-serendipity/Serendipity.html

Click on "Dashboards".

Cheers
Rob

Kiahu.com

[eburgerwa]

Did you use a HighCharts GXT wrapper library, or did you access the HighCharts library through jsni methods?

[robferguson]

I used gwt-highcharts.

-> http://www.moxiegroup.com/moxieapps/...wt-highcharts/

[eburgerwa]

Ahh - thanks. Beautiful app, BTW.