Jak przenieść legendę w Highcharts?

Question

Domyślnie legenda jest wyświetlana w prawym górnym rogu wykresu. Chcę pokazać to tuż nad wykresem. Użyłem następującego kodu:

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

Ale to nie działa dla mnie. Czy robię coś złego?

Answer 1

Czy chcesz umieścić legendę powyżej całego wykresu lub tuż nad fabułą? Czy to jest to, czego potrzebujesz? http://jsfiddle.net/8Qm5a/

W każdym razie, jeśli chcesz umieścić legendę powyższy tytuł, spróbuj zmienić marginTop ustawień wykresu i ustawić y ustawienia w opcjach Tytuł:

chart: { 
     marginTop: 100 
    }, 

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

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

Answer 2

Jak to:

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