在GWT中使用google的可视化api

在GWT中使用google的可视化api,gwt,google-visualization,Gwt,Google Visualization,我想在我的GWT项目中使用来自Google的可视化javascript API。我正在使用JSNI方法,但它不起作用: 私有本机空图/*-{ 绘图图=功能{ //创建数据表。 var data=new$wnd.google.visualization.DataTable; $wnd.data.addColumn'string','Topping'; $wnd.data.addColumn'number','Slices'; $wnd.data.addRows[ [‘蘑菇’,3], [‘洋葱’,1

我想在我的GWT项目中使用来自Google的可视化javascript API。我正在使用JSNI方法,但它不起作用:

私有本机空图/*-{ 绘图图=功能{ //创建数据表。 var data=new$wnd.google.visualization.DataTable; $wnd.data.addColumn'string','Topping'; $wnd.data.addColumn'number','Slices'; $wnd.data.addRows[ [‘蘑菇’,3], [‘洋葱’,1], [Olives',1], [‘西葫芦’,1], [意大利香肠,2] ]; //设置图表选项 var options={'title':'我昨晚吃了多少比萨饼', “宽度”:400, ‘高度’:300}; //实例化并绘制图表,传入一些选项。 var chart=new$wnd.google.visualization.PieChart$doc.getElementById'chart_div'; $wnd.chart.drawdata,选项; } $wnd.google.load'visualization','1.0',{'packages':['corechart']}; $wnd.google.setOnLoadCallbackdrawChart; }-*/; 我知道这个API有一个GWT包装器,但是javascript可视化API 包含更多图表类型和更多功能;例如,我想在GWT项目中使用ChartEditor:like

有没有人有一个例子或想法让它发挥作用?

确保你有

在HTML和

加载'visualization','1.0',{'packages':['corechart']}

实际加载api的地方

也不要在加载API之前尝试使用它。使用此回调:

//将回调设置为在加载Google Visualization API时运行。 google.setOnLoadCallbackdrawChart;
是的,我在HTMLgoogle.com/jsapi>和google.load'visualization','1.0',{'packages':['corechart']}中添加了这一行?是或在您的JSNI方法中。在JSNI方法中使用OnLoadCallback可能会更好,如我的回答所示。你有没有这样做过?我和你的设置几乎完全一样,它仍然不允许我在我的javascript代码中引用google对象。正如你在我发布的代码中看到的,我按照你说的做了,但这对我不起作用。是的,很抱歉我错过了。我现在唯一能想到的另一件事是,可能图表div不在你的HTMLi中。我在我的HTML文件中添加了这个标记:但不起作用。你可能不想给它一个宽度和高度,但我不确定这是否有区别。我实际上想把图表放在一个窗口或GWT小部件中,但我不知道如何做