高图底部的副标题和标题

Question

是否有一种干净的方式将标题和副标题放在高图表的底部？

将verticalAlign同时设置为bottom时，字幕与标题重叠，添加y偏移会使一个或另一个溢出图表框，或与图表本身。

默认行为：

为副标题添加20px偏移量：

我希望图表只是为两者留出空间，因为总高度和宽度已定义。

Answer 1

您只需在图表中添加marginBottom即可为标题腾出空间。此外，负y属性会向上移动标题。

以下内容可以解决您的问题：

chart: {
    type: 'pie',
    marginBottom: 80
},
title: {
    text: 'Main title',
    verticalAlign: 'bottom',
    y: -30
},
subtitle: {
    text: 'My subtitle',
    verticalAlign: 'bottom',
    y: -10
}

如this fiddle中所示。