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/

如何在Highcharts中移动图例？

2 个答案: