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之间发生了变化。引用the doc（Vaadin Charts背后的引擎中的HighCharts）：

  

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