Pytanie Jak przenieść legendę w Highcharts?


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?


21
2017-07-06 05:41


pochodzenie




Odpowiedzi:


Lubię 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


24
2017-07-07 06:36



Ah, dzięki za dodanie referencji @SebastianBochan - Sri--


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ę nad tytułem, spróbuj zmienić marginTop ustawień i zestawu wykresów y ustawienia w opcjach tytułu:

    chart: {
        marginTop: 100
    },

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

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


3
2017-07-06 06:31