Wyświetlanie elementów legendy w dwóch kolumnach highcharts:

Question

W highcharts możliwe jest wyświetlenie legendy w dwóch kolumnach ułożonych pionowo?

Staram się wypracować najlepszy sposób wyświetlania elementów legendy, w tej chwili wszystkie elementy legendy są ułożone jedna na drugiej.

Na wykresie będzie maksymalnie 4 serie.

Nie jestem do końca pewien, jak się do tego podejść, widzę opcję użycia HTML, ale nie mogę znaleźć przykładów tego, co zrobić z kodem HTML.

http://jsbin.com/oyicuc/9/edit

Wszelkie porady byłyby bardzo pomocne, dzięki.

Answer 1

Czy próbowałeś użyć parametru itemWidth?

Proszę spojrzeć na

http://jsfiddle.net/B9L2b/1266/

legend: { 
    width: 200, 
    itemWidth: 100 
}, 

http://api.highcharts.com/highcharts#legend.itemWidth

EDIT:

http://jsbin.com/oyicuc/31/

width:600, 
     itemWidth:300, 
     itemStyle: { 
      width:280 
     } 

http://api.highcharts.com/highstock#legend.itemStyle

Answer 2

Może mógłbyś użyć "labelFormater" legendy.

http://api.highcharts.com/highcharts#legend.labelFormatter

Następnie można utworzyć tabelę i zorganizować tekst legendy jak ty przeciwnym razie możesz.

Zobacz przykład na stronie z dokumentacją.