java - Vaadin Charts – 将标题和图例放在同一行？

Question

在Vaadin Charts 2中，有没有办法让Title和Legend出现在同一行？我的意思是，两者都可以出现在图表上方，还是都出现在图表下方？

将它们放在同一水平线上可以节省垂直空间。当在一个页面上同时呈现多个图表时，这些保存的像素更加珍贵。

Answer 1

setVerticalAlign

通过调用自身setVerticalAlign，您可以使它们几乎均匀地位于同一水平线上。Legend使用VerticalAlign枚举中定义的常量。

final Configuration configuration = myChart.getConfiguration();
configuration.getLegend().setVerticalAlign( VerticalAlign.TOP );

版本 1 与 2

请注意，图例区域的这种位置在 Vaadin 图表 1 和 2 之间发生了变化。引用文档（ Vaadin 图表后面引擎中的HighCharts）：

在 Highcharts 1.x 版本中，图例区域的位置由 CSS 确定。在 2.x 中，位置由 align、verticalAlign、x 和 y 等属性确定，但仍会解析样式以向后兼容。