hi,
I m Rakesh Kumar Gourineni. I m working on Annotated Timeline in google
visualization. The error i got was given below. I searched in many forums
for the solution.But i was unlucky. Please please try to look the source
code which is at the bottom n plz try to figure out the problem.
The source code is below
package edu.msstate.gri.client;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.Panel;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.visualization.client.AbstractDataTable;
import com.google.gwt.visualization.client.VisualizationUtils;
import com.google.gwt.visualization.client.DataTable;
import com.google.gwt.visualization.client.Selection;
import com.google.gwt.visualization.client.AbstractDataTable.ColumnType;
import com.google.gwt.visualization.client.events.SelectHandler;
import com.google.gwt.visualization.client.visualizations.PieChart;
import
com.google.gwt.visualization.client.visualizations.PieChart.Options;*/
import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.visualization.client.events.SelectHandler;
import com.google.gwt.visualization.client.VisualizationUtils;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.core.client.JavaScriptException;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.visualization.client.DataTable;
import com.google.gwt.visualization.client.Properties;
import com.google.gwt.visualization.client.AbstractDataTable.ColumnType;
import com.google.gwt.visualization.client.events.Handler;
import com.google.gwt.visualization.client.events.RangeChangeHandler;
import
com.google.gwt.visualization.client.visualizations.AnnotatedTimeLine;
import
com.google.gwt.visualization.client.visualizations.AnnotatedTimeLine.Options;
import java.util.Date;
public class Gvisualization {
public static VerticalPanel m_vpMainPanel = new VerticalPanel();
private AnnotatedTimeLine widget;
@SuppressWarnings("deprecation")
public Gvisualization() {
@SuppressWarnings("unused")
int year, month, day;
//Options options = Options.create();
//options.setDisplayAnnotations(true);
//System.out.println("Reaching here");
Runnable onLoadCallback = new Runnable() {
public void run() {
AnnotatedTimeLine.Options options =
AnnotatedTimeLine.Options.create();
options.setDisplayAnnotations(true);
//options.setOption("displayRangeSelector",
false);
//options.setScaleType(AnnotatedTimeLine.ScaleType.ALLFIXED);
// options.setAnnotationsWidth(20);
//options.setAnnotationsHeight(20);
// Create a chart visualization.
widget = new AnnotatedTimeLine(createTable(), options, "700px",
"240px");
addHandler();
//widget.createSelectHandler(createSelectHandler(widget));
m_vpMainPanel.add(widget);
RootPanel.get().add(m_vpMainPanel);
}
};
// Load the visualization api, passing the onLoadCallback to be called
// when loading is done.
VisualizationUtils.loadVisualizationApi(onLoadCallback, widget.PACKAGE);
}
private void addHandler() {
widget.addRangeChangeHandler(new RangeChangeHandler() {
@Override
public void onRangeChange(RangeChangeEvent event) {
Window.alert("The range has changed.\n" + event.getStart() +
"\nFalls mainly on the plains.\n" + event.getEnd());
}
});
}
private DataTable createTable() {
int month, day, year;
DataTable data = DataTable.create();
data.addColumn(ColumnType.DATE, "Date");
data.addColumn(ColumnType.NUMBER, "Sold Pencils");
data.addColumn(ColumnType.STRING, "title1");
data.addColumn(ColumnType.STRING, "text1");
data.addColumn(ColumnType.NUMBER, "Sold Pens");
data.addColumn(ColumnType.STRING, "title2");
data.addColumn(ColumnType.STRING, "text2");
data.addRows(6);
try {
data.setValue(0, 0, new Date(year = 2008 - 1900, month = 1, day = 1));
data.setValue(1, 0, new Date(year = 2008 - 1900, month = 1, day = 2));
data.setValue(2, 0, new Date(year = 2008 - 1900, month = 1, day = 3));
data.setValue(3, 0, new Date(year = 2008 - 1900, month = 1, day = 4));
data.setValue(4, 0, new Date(year = 2008 - 1900, month = 1, day = 5));
data.setValue(5, 0, new Date(year = 2008 - 1900, month = 1, day = 6));
} catch (JavaScriptException ex) {
GWT.log("Error creating data table - Date bug on mac?", ex);
}
data.setValue(0, 1, 30000);
data.setValue(0, 4, 40645);
data.setValue(1, 1, 14045);
data.setValue(1, 4, 20374);
data.setValue(2, 1, 55022);
data.setValue(2, 4, 50766);
data.setValue(3, 1, 75284);
data.setValue(3, 4, 14334);
data.setValue(3, 5, "Out of Stock");
data.setValue(3, 6, "Ran out of stock on pens at 4pm");
data.setValue(4, 1, 41476);
data.setValue(4, 2, "Bought 200k pens");
data.setValue(4, 4, 66467);
data.setValue(5, 1, 33322);
data.setValue(5, 4, 39463);
return data;
}
The below is the error
com.google.gwt.core.client.JavaScriptException: (Error): Container width is
zero. Expecting a valid width.
fileName:
http://www.google.com/uds/api/visualization/1.0/e9f5bea2f5fcf88c5d872773ba55a57c/default,annotatedtimeline+en_US.I.js
lineNumber: 604
stack: Error("Container width is zero. Expecting a valid width.")@:0
([object Object],[object Object])@
http://www.google.com/uds/api/visualization/1.0/e9f5bea2f5fcf88c5d872773ba55a57c/default,annotatedtimeline+en_US.I.js:604
([object Object],[object Object])@http://127.0.0.1:8888:8
@:0
(null,16515087,[object GWTJavaObject])@
http://127.0.0.1:8888/buoyapplication/hosted.html?buoyapplication:56
(25)@http://127.0.0.1:8888:52
at
com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:195)
at
com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:120)
at
com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:507)
at
com.google.gwt.dev.shell.ModuleSpace.invokeNativeVoid(ModuleSpace.java:284)
at
com.google.gwt.dev.shell.JavaScriptHost.invokeNativeVoid(JavaScriptHost.java:107)
at
com.google.gwt.visualization.client.visualizations.Visualization.draw(Visualization.java)
at
com.google.gwt.visualization.client.visualizations.Visualization.onLoad(Visualization.java:116)
at com.google.gwt.user.client.ui.Widget.onAttach(Widget.java:294)
at com.google.gwt.user.client.ui.Widget.setParent(Widget.java:417)
at com.google.gwt.user.client.ui.Panel.adopt(Panel.java:119)
at com.google.gwt.user.client.ui.ComplexPanel.add(ComplexPanel.java:93)
at
com.google.gwt.user.client.ui.VerticalPanel.add(VerticalPanel.java:48)
at edu.msstate.gri.client.Gvisualization$1.run(Gvisualization.java:70)
at
com.google.gwt.ajaxloader.client.ExceptionHelper.runProtected(ExceptionHelper.java:36)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
at
com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
at
com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:157)
at
com.google.gwt.dev.shell.BrowserChannel.reactToMessages(BrowserChannel.java:1668)
at
com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:401)
at
com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:222)
at java.lang.Thread.run(Unknown Source)
Regards,
Rakesh.
--
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.
