只有一个gwt图可见

Question

我正在尝试使用gwt-charts库在gwt-Project中显示多个图表，但无论我使用什么布局或哪个小部件，最后创建的图表都是可见的。

TableExample与此相同:http://gwt-charts.appspot.com/#table

然后像这样添加图表到主面板:

private DockLayoutPanel mainPanel = new DockLayoutPanel(Unit.EM);
private TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(1.5, Unit.EM);
@Override
public void onModuleLoad() {
    Window.enableScrolling(false);
    Window.setMargin("0px");
    tabLayoutPanel.add(new TableExample(), "Here should the first table be");
    tabLayoutPanel.add(new HTML("Lorem ipsum dolor sit amet"), "Lorem");
    tabLayoutPanel.add(new TableExample(), "Only visible table");
    tabLayoutPanel.add(new HTML("ga ga ga lalasdf a3ifa"), "Other text");
    mainPanel.add(tabLayoutPanel);
    RootLayoutPanel.get().add(mainPanel);
}

两个带有HTML的选项卡和第二个TableExample显示了正确的内容，但是第一个带有TableExample的选项卡是空的。

有谁知道为什么只有一个gwt图是可见的吗?我没有得到任何错误信息或什么

Answer 1

问题是TableExample只在加载图表api后执行Runnable后绘制图表。当你创建两个tableexample时，它们都试图加载图表api，但只有一个成功，因此只有一个Runnables被调用。

要修复它，你只需要加载一次图表api——也许是在你的应用程序第一次加载时。然后TableExample可以改变为只绘制自己而不需要首先加载api。