2013-03-18 6 views
6

В диаграммах высокого разрешения можно отобразить легенду в двух столбцах, расположенных вертикально?Показать элементы легенды в двух столбцах highcharts

Я пытаюсь разработать лучший способ отображения предметов легенды, на данный момент у нас есть предметы легенды, которые сложены друг на друга.

На диаграмме будет максимум 4 серии.

Я не совсем уверен, как подойти к этому, я вижу вариант useHTML, но тогда я не могу найти примеров того, что делать с HTML.

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

Любые советы будут очень полезны, спасибо.

ответ

14

Вы пытались использовать параметр itemWidth?

Пожалуйста, посмотрите на

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

+0

hmmm, это не работает, когда я пытаюсь использовать jsbin в моем вопросе, он работает для вас? – hcharge

+0

@hcharge, пожалуйста, взгляните на обновленный ответ –

0

Возможно, вы можете использовать «labelFormater» легенды.

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

Тогда вы могли бы создать таблицу и организовать текст легенды, как вы wnat.

Посмотрите пример на странице документации.

+1

как бы вы могли получить всю легенду в таблице? из чего я вижу, что это просто обертывает отдельные предметы легенды? – hcharge

Смежные вопросы