this is a known issue. some visualizations do not play well with GWT's DockPanel and TabPanel.
On Wed, Jul 22, 2009 at 2:43 PM, Rick <[email protected]> wrote: > > Hi all > > I am using GWT 1.6 and Google Visualizations to show graph in my > application. I have to show multiple graphs to user. For this, I am > adding my visualization graphs in a DockPanel with direction. Now If I > add graphs before attaching DockPanel, all graphs are rendered > properly in all browsers. But I have to do my work after attaching > DockPanel. In this case, in Mozilla and Chrome, only last graph added > in dockpanel get rendered where as in IE, all graphs are rendered > properly. Kindly note that this problem occurs only when I am adding > Graphs in DockPanel. In other containers like VerticalPanel & > HorizontalPanel, I can add Graphs after attaching container, it works > well. > > Below is a sample code to produce this case. Any help/suggestion will > be highly appriciated. > > Code: > > > package com.example.simpleviz.client; > > import com.google.gwt.core.client.EntryPoint; > import com.google.gwt.user.client.ui.DockPanel; > import com.google.gwt.user.client.ui.RootPanel; > import com.google.gwt.user.client.ui.Widget; > import com.google.gwt.visualization.client.DataTable; > import com.google.gwt.visualization.client.VisualizationUtils; > import > com.google.gwt.visualization.client.AbstractDataTable.ColumnType; > import com.google.gwt.visualization.client.visualizations.BarChart; > import com.google.gwt.visualization.client.visualizations.PieChart; > import > com.google.gwt.visualization.client.visualizations.PieChart.Options; > > public class MyClass implements EntryPoint { > > public void onModuleLoad() { > > VisualizationUtils.loadVisualizationApi(new Runnable() { > public void run() { > Widget bar = createBarChart(); > Widget pie = createPieChart(); > DockPanel d = new DockPanel(); > RootPanel.get().add(d); > d.add(bar, DockPanel.NORTH); > d.add(pie, DockPanel.NORTH); > } > > }, new String[] { BarChart.PACKAGE, PieChart.PACKAGE}); > > } > > private Widget createPieChart() { > DataTable data = DataTable.create(); > data.addColumn(ColumnType.STRING, "Task"); > data.addColumn(ColumnType.NUMBER, "Hours per Day"); > data.addRows(1); > data.setValue(0, 0, "Work"); > data.setValue(0, 1, 10); > > Options options = Options.create(); > options.setWidth(200); > options.setHeight(100); > options.set3D(true); > options.setTitle("My Daily Activities"); > > PieChart pie = new PieChart(data, options); > return pie; > } > > public Widget createBarChart() { > DataTable data = DataTable.create(); > data.addColumn(ColumnType.STRING, "Year"); > data.addColumn(ColumnType.NUMBER, "Sales"); > data.addColumn(ColumnType.NUMBER, "Expenses"); > data.addRows(4); > data.setValue(0, 0, "2004"); > data.setValue(0, 1, 1000); > data.setValue(0, 2, 400); > > BarChart.Options options = BarChart.Options.create(); > options.setWidth(200); > options.setHeight(100); > options.set3D(true); > options.setTitle("My Daily Activities"); > > BarChart barchart = new BarChart(data, options); > return barchart; > } > > } > > Thanks and regards > > Rick > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~----------~----~----~----~------~----~------~--~---
