jquery - 如何在 Highcharts 中移动图例？

Question

默认情况下，图例显示在图表的右上角。我想在图表上方显示它。我使用了以下代码：

legend: {
    layout: 'vertical',
    align: 'left',
    x: 600,
    verticalAlign: 'top',
    y: 40,
    floating: true,
    backgroundColor: '#FFFFFF'
}

但这对我不起作用。我做错什么了吗？

Answer 1

像这样：

legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            floating: true,
            backgroundColor: '#FFFFFF'
        },

http://api.highcharts.com/highcharts#legend.verticalAlign http://api.highcharts.com/highcharts#legend.align

Answer 2

您想将图例放置在整个图形上方还是仅在绘图上方？那是你需要的吗？http://jsfiddle.net/8Qm5a/

无论如何，如果您需要在标题上方放置图例，请尝试更改marginTop图表设置并y在标题选项中设置设置：

    chart: {
        marginTop: 100
    },

    title: {
        text: "test",
        y: 60
    },

http://jsfiddle.net/8Qm5a/1/