图表在 Vaadin 的 VerticalLayout 中未使用全高度

Question

在探索 Vaadin 23.4.7 并使用 Vaadin 的入门例程时，我尝试将图表添加到垂直布局。然而，无论我如何尝试，图表都只会占据垂直尺寸的一半。请参阅下面的屏幕截图。我希望它使用可用的完整垂直高度。我尝试了“chart.setFullSize()”和“vlRoot.setFullSize()”等，但它不起作用。想法？ （我觉得在尝试添加图表时，Vaadin 的早期版本中也存在此问题，但如果不是添加到布局中的图表元素，则不会出现此问题）。 （注意：只有在用户单击“绘图”按钮后才会生成图表，因此本质上，垂直布局中最初没有图表......）

我的代码片段如下：

 if (chart != null) {
            vlRoot.remove(chart);
        }
        chart = new Chart(ChartType.LINE);
        vlRoot.add(chart);
}

Vaadin 详情 -->

Flow: 24.3.7
Vaadin: 24.3.7
Java: Eclipse Adoptium 21.0.1
OS: amd64 Linux 5.15.0-1053-gcp
Browser: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36
Live reload: Java active
          (Spring Boot Devtools): Front end active

Answer 1

我尝试了“chart.setFullSize()”和“vlRoot.setFullSize()”等，但它不起作用。

垂直布局的高度是否正确？您可以使用浏览器的检查器进行验证。如果不是，您还需要将其父级的高度设置为 100%。

只有在用户单击“绘图”按钮后才会生成图表

最好在

chart.setFullSize()

之后打电话给

chart = new Chart(...)

。