Библиотеки Google API для Google Web Toolkit (например, gwt-visualization.jar) предназначены только для использования на стороне клиента (для создания javascript). К счастью, Google также предоставляет серверный Java-код для публикации таблиц данных в их библиотеке источников данных визуализации Google .
Вот настройка, которая позволила мне генерировать DataTables на сервере при удаленном вызове процедуры, передавать их обратно клиенту в виде строки JSON и использовать Google Visualizations для Google Web Toolkit, чтобы отобразить симпатичный Google Plot на клиенте страница интернета. Я использую Eclipse Indigo с Google Web Toolkit 2.4.0.
- Добавьте gwt-visualization.jar Клиентская библиотека привязки API GWT к пути сборки вашего проекта и как унаследованный модуль в описании вашего собственного модуля:
В src / com.package.name / project-name.xml:
<inherits name='com.google.gwt.visualization.Visualization'/>
В client / TableService.java:
package com.clark.demos.client;
import com.google.gwt.user.client.rpc.RemoteService;
import com.google.gwt.user.client.rpc.RemoteServiceRelativePath;
@RemoteServiceRelativePath("table")
public interface TableService extends RemoteService {
String getTable();
}
В клиенте / TableServiceAsync.java:
package com.clark.demos.client;
import com.google.gwt.user.client.rpc.AsyncCallback;
public interface TableServiceAsync {
void getTable( AsyncCallback<String> callback );
}
На войне / WEB-INF / web.xml:
<servlet>
<servlet-name>tableServlet</servlet-name>
<servlet-class>com.clark.demos.server.TableServiceImpl</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>tableServlet</servlet-name>
<url-pattern>/google_visualization___gwt/table</url-pattern>
</servlet-mapping>
- Реализация службы «таблица» на сервере:
На сервере / TableServiceImpl.java:
package com.clark.demos.server;
import com.google.visualization.datasource.datatable.ColumnDescription;
import com.google.visualization.datasource.datatable.DataTable;
import com.google.visualization.datasource.datatable.value.ValueType;
import com.google.visualization.datasource.render.JsonRenderer;
@SuppressWarnings("serial")
public class TableServiceImpl extends RemoteServiceServlet implements
TableService {
@Override
public String getTable() {
DataTable data = new DataTable();
data.addColumn( new ColumnDescription("Task", ValueType.TEXT, "Task") );
data.addColumn( new ColumnDescription("Stemming", ValueType.NUMBER, "Stemming") );
data.addColumn( new ColumnDescription("NoStemming", ValueType.NUMBER, "No Stemming") );
data.addRowFromValues( "Fire", 1.0, 0.8 );
data.addRowFromValues( "Flood", 0.5, 0.65 );
return JsonRenderer.renderDataTable(data, true, false, false).toString();
}
}
- Пусть клиентский код вызывает службу "таблица" и создает DataTable из возвращенной строки JSON:
В клиенте / gwt-visualization-demo.java:
/**
* Create a remote service proxy to talk to the server-side Table service.
*/
private final TableServiceAsync tableService = GWT
.create(TableService.class);
public static native DataTable toDataTable(String json) /*-{
return new $wnd.google.visualization.DataTable(eval("(" + json + ")"));
}-*/;
public void onModuleLoad() {
// Create a callback to be called when the visualization API
// has been loaded.
Runnable onLoadCallback = new Runnable() {
public void run() {
final Panel panel = RootPanel.get();
tableService.getTable(new AsyncCallback<String>() {
@Override
public void onSuccess(String result) {
AbstractDataTable data = toDataTable(result);
BarChart pie = new BarChart(data, createOptions());
pie.addSelectHandler(createSelectHandler(pie));
panel.add(pie);
}
@Override
public void onFailure(Throwable caught) {
}
});
}
};
// Load the visualization api, passing the onLoadCallback to be called
// when loading is done.
VisualizationUtils.loadVisualizationApi(onLoadCallback, BarChart.PACKAGE);
}
Пример кода найден на https://github.com/RichDickClark/gwt-google-charts-demo.git