highcharts - 高图表 - 增加图表和标题之间的空间

Question

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

Answer 1

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

Answer 2

+1 高图表。

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

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

Answer 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 链接

Answer 4

我只是想做同样的事情，我发现使用marginTopthis 而不是spacingToptitle 属性更简单。

当您增加时，spacingTop您会增加图表顶部边缘和内容（包括标题）之间的空间，这不会影响绘图区域和标题之间的空间，因此您仍然必须将标题属性设置为得到你想要的间距。

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