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 Web Toolkit" 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-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
