We have developped a web application using icefaces only components. The goal of the application is to display different charts and manipulate them (selecting bars, zooming, etc).

We use an ice:outputChart component with a type="custom" so we can dynamically modify the chart...

To be able to select bars, we plot 2 barcharts, one with the data, one empty. When the user clicks a bar, we simply remove it from the 1st chart and add it to the 2nd empty chart, then we trigger a redraw through the newchart property to update the view. This gives the illusion of selecting since both charts use different colors. Only 2 different bars can be selected at once.

Everything works fine under Firefox 3, Opera 9.5x, IE6, IE7 but we have major problems with...

- Browsers based on webkit (Latest Safari & Google chrome): whenever we select a bar, the chart simply dissappears! If we do a refresh (F5) then the chart appears correctly with the bar selected.
Note: using the webkit inspector we can see that the new chart image is correctly downloaded by the browser but not rendered due to a problem with the formatting of the page.

-Firefox 2: the chart doesn't receive any click events, or sometimes only the first click, not the following ones.