web-dev-qa-db-fra.com

Comment déplacer la légende dans les Highcharts?

Par défaut, la légende s'affiche dans le coin supérieur droit du graphique. Je veux le montrer juste au-dessus du graphique. J'ai utilisé le code suivant:

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

Mais ça ne marche pas pour moi. Suis-je en train de faire quelque chose de mal?

jqueryhighcharts
24
PSR

Comme ça:

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

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

28
Sri--

Voulez-vous placer la légende au-dessus du graphique entier ou juste au-dessus du tracé? Est-ce ce dont vous avez besoin? http://jsfiddle.net/8Qm5a/

Quoi qu'il en soit, si vous devez placer une légende au-dessus du titre, essayez de modifier marginTop des paramètres du graphique et définissez y paramètres dans les options de titre:

    chart: {
        marginTop: 100
    },

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

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

4
Andrey Nelubin