Vaadin14中的图表在splitlayout窗口中似乎不会自动调整大小

Question

在Vaadin14.4.2中，我有一个场景，在SplitLayout中添加了一个图表。但是，当我作为用户展开或缩小splitLayout时，相应的图表不会调整大小。其他组件（如网格）会自动调整大小。是否有一些“神奇”的配置选项来让图表像其他组件一样运行？（下面的截图显示图表没有调整大小，尽管它下面的网格确实自动调整了大小。）（同样仅供参考，我将其称为:spectrachart.setsizefull()；，因此图表应该会用完所有可用空间。）（另一个供参考的问题：即使重做绘图，我也可能“捕获”splitLayout调整大小，但在我看来，这在“框架”解决方案（如Vaadin）中最好不是必要的，因为图表是一个组件，应该像其他组件（如网格）一样表现。）

Answer 1

是的，不幸的是这是真的。您可以通过对图表执行显式JavaScript调用来解决这个问题，以便在拆分器位置发生更改时重新流动。下面的代码片段查找所有图表，并对其进行重新流动：

innerLayout.addSplitterDragendListener(event -> {
getUI().ifPresent(
    ui -> ui.getPage()
       .executeJavaScript(
           "Array.from(window.document.getElementsByTagName('vaadin-chart')).forEach( el => el.__reflow());"
       ));                      
});