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后才绘制图表。当您创建两个TableExamples时，它们都尝试加载图表api，但只有其中一个成功，因此只调用其中一个Runnables。

要解决此问题，您只需加载图表api一次 - 也许是在您的应用首次加载时。然后可以将TableExample更改为只绘制自己而无需先加载api。

只有一个gwt图表可见

1 个答案: