We have designed a web page to display a data grid and a highchart on each separate smart gwt tab. There are two problems we have encountered.
The first problem is whenever a highcharts is drawn on one tab, the data grid becames unselectable/unfilterable on the other tab. After some debugging, we found that there was another div layer (higher z-index) sitting on top of the data grid. I have managed to workaround it by setting the visibility of the highcharts to false when data grid tab is selected.
The second problem is similar which happened when we specify "stacking" (PlotOptions.Stacking.NORMAL/PlotOptions.Stacking.PERCENT) in plot option. The data grid is covered by another div and we cannot fix it by hiding the highcharts.
Does anyone have any idea how to remove/hide all the highcharts components completely? In highchart (Javascript), there is a "destroy" method. Is it available in GWT highchart? I cannot find any reference of it.
Thanks,
Eddie
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hi,
We have designed a web page to display a data grid and a highchart on each separate smart gwt tab. There are two problems we have encountered.
The first problem is whenever a highcharts is drawn on one tab, the data grid becames unselectable/unfilterable on the other tab. After some debugging, we found that there was another div layer (higher z-index) sitting on top of the data grid. I have managed to workaround it by setting the visibility of the highcharts to false when data grid tab is selected.
The second problem is similar which happened when we specify "stacking" (PlotOptions.Stacking.NORMAL/PlotOptions.Stacking.PERCENT) in plot option. The data grid is covered by another div and we cannot fix it by hiding the highcharts.
Does anyone have any idea how to remove/hide all the highcharts components completely? In highchart (Javascript), there is a "destroy" method. Is it available in GWT highchart? I cannot find any reference of it.
Thanks,
Eddie