Highcharts - 增加图表和标题之间的空间答案

【问题标题】：High charts - Increasing the space between chart and titleHighcharts - 增加图表和标题之间的空间
【发布时间】：2013-10-10 19:20:48
【问题描述】：

我想知道如何增加图表和标题之间的空间。类似的图表和 x 轴标题/图例。说明图：

【问题讨论】：

标签： highcharts dotnethighcharts

【解决方案1】：

您可以使用标题属性来做到这一点。检查 API 文档here。您将不得不花一些时间来获得您想要的东西，但是工具就在那里。您需要的是x 和y 以及图表间距属性（请参阅this）。这同样适用于 xAxis 标题。 HighCharts 的众多优点之一是其 API 文档。绝对值得一读。

【讨论】：

【解决方案2】：

+1 表示高位图表。

查看所有样式：http://www.highcharts.com/docs/chart-design-and-style/design-and-style

title: {
    text: 'Title',
    floating: true,
    y: -30
}

【讨论】：

【解决方案3】：

就是这么简单。您只需要相应地设置 x 或 y 属性。例如：

               yAxis: {
                    offset: 30,
                    opposite: false,
                    title: {
                        align: 'high',
                        offset: 0,
                        useHTML: true,
                        text: 'y axis',
                        rotation: 0,
                        y: -10,
                        x: 48
                    }
                },

参考这个API link

【讨论】：

【解决方案4】：

我只是尝试做同样的事情，我发现使用 marginTop 代替 spacingTop 和 title 属性更简单。

当您增加spacingTop 时，您会增加图表顶部边缘与内容（包括标题）之间的空间，这不会影响绘图区域和标题之间的空间，所以您仍然有还可以设置标题属性以获得所需的间距。

增加marginTop会增加图表顶部边缘和绘图区域之间的空间，并且标题似乎保持相对靠近图表顶部的位置，因此它增加了标题和绘图区域之间的空间无需设置任何标题属性。

【讨论】：