0

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

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

带有显示垂直空白的标记的 Vaadin Charts 2 图表的屏幕截图

虽然我知道这会产生一个布局精美的图表,但在我的情况下,我正在组装许多图表,其中包含许多线条。所以我想最大化用于图表绘图区域的像素数量。

4

1 回答 1

1

第一个橙色盒子

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

第二个橙色盒子

第二个橙色框是 Title 元素上的“margin”。您可以在对象上调用该setMargin方法。Title对于所示的小图表,我发现 的值5很有用。

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

第三个橙色盒子

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

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

相同尺码表

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

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

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

调用“setMargin(5)”之前和之后的屏幕截图

于 2015-01-24T00:19:35.960 回答