Highcharts 垂直对齐设置为';顶部';保证金不起作用

Highcharts 垂直对齐设置为';顶部';保证金不起作用,highcharts,Highcharts,您好,我正在尝试将标题放置在“顶部”,并使用caption.margin属性控制标题和绘图区域之间的边距。适用于“底部”对齐的标题,但不适用于“顶部”。请告知。以下是一个例子: Highcharts.chart('container'{ 标题:{ 文本:“” }, xAxis:{ 类别:[‘苹果’、‘梨’、‘香蕉’、‘橙子’] }, 系列:[{ 数据:[1,4,3,5], 键入:“列”, 名称:“水果” }], 标题:{ 垂直排列:“顶部”, 差额:100, text:'标题显示在顶部,是导出图

您好,我正在尝试将标题放置在“顶部”,并使用caption.margin属性控制标题和绘图区域之间的边距。适用于“底部”对齐的标题,但不适用于“顶部”。请告知。以下是一个例子:

Highcharts.chart('container'{
标题:{
文本:“”
},
xAxis:{
类别:[‘苹果’、‘梨’、‘香蕉’、‘橙子’]
},
系列:[{
数据:[1,4,3,5],
键入:“列”,
名称:“水果”
}],
标题:{
垂直排列:“顶部”,
差额:100,
text:'标题显示在顶部,是导出图表的一部分。'
}
});

以相反的方式作为标题的边距:。作为一种解决方案,您可以使用
标题
副标题
标题
,而不使用
填充底部
样式:

caption: {
    verticalAlign: 'top',
    useHTML: true,
    style: {
        'padding-bottom': '100px'
    },
    text: '<b>The caption renders in the top, and is part of the exported chart.</b>'
}
标题:{
垂直排列:“顶部”,
是的,
风格:{
“填充底部”:“100px”
},
text:'标题显示在顶部,是导出图表的一部分。'
}

现场演示:


API引用:

作为标题的边距以相反的方式工作:。作为一种解决方案,您可以使用
标题
副标题
标题
,而不使用
填充底部
样式:

caption: {
    verticalAlign: 'top',
    useHTML: true,
    style: {
        'padding-bottom': '100px'
    },
    text: '<b>The caption renders in the top, and is part of the exported chart.</b>'
}
标题:{
垂直排列:“顶部”,
是的,
风格:{
“填充底部”:“100px”
},
text:'标题显示在顶部,是导出图表的一部分。'
}

现场演示:

API参考文献: