在 Vaadin Charts 2 的图表中减少白色 space

Question

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

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

虽然我知道这会形成一个有吸引力的布局图表，但就我而言，我正在将许多图表与布局中的许多线条组合在一起。所以我想最大化用于图表绘图区域的像素量。

Answer 1

第一个橙盒

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

第二个橙框

第二个橙色框是标题元素上的 "margin"。你可以调用setMargin method on the Titleobject。对于如图所示的小图表，我发现 5 的值很有用。

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

第三个橙盒

同样，Legend object 也提供了 setMargin 命令。同样，我发现 5 的值很有用。

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

同尺码表

整体图表大小保持不变。只有整个图表中的 space 发生了变化，重新分配。

使用这两种setMargin方法，spaceobject和绘图区域之间的白色space减少了。释放的像素被分配到绘图区域。

差异可能很大，尤其是在较小的图表中。这是添加调用以将保证金设置为 5 之前和之后的屏幕截图。由于 newly-gained 像素，Y-axis 的缩放比例发生了变化。