在Vaadin Charts 2中减少图表中的空白区域

Question

有没有办法减少Vaadin Charts 2中图表元素之间的垂直空白？

请参阅此屏幕截图中的橙色框。

虽然我明白这是一个有吸引力的布局图，但在我的情况下，我正在组装许多图表，在布局中有许多行。所以我想最大化图表绘图区域使用的像素数量。

Answer 1

First Orange Box

第一个橙色框实际上不是图表中的空白区域。或者，如果是，我不知道如何改变它。

第二个橙盒

第二个橙色框是＆＃34; margin＆＃34;在Title元素上。您可以在setMargin对象上调用Title方法。对于如图所示的小图表，我发现值5非常有用。

 this.getConfiguration().getTitle().setMargin( 5 );

第三个橙盒

同样，Legend对象也提供setMargin命令。我再次发现5的值很有用。

this.getConfiguration().getLegend).setMargin( 5 );

相同尺寸表

整体图表的大小保持不变。只更改整个图表中的空间，重新分配。

使用这两种setMargin方法，对象和绘图区域之间的空白会减少。释放的像素被分配给绘图区域。

差异可能很大，尤其是在较小的图表中。以下是添加调用以设置边距为5之前和之后的屏幕截图。由于新获得的像素，Y轴的缩放发生了变化。