Нужна помощь в форматировании легенды jQuery.Flot - PullRequest
Новая
       33

Нужна помощь в форматировании легенды jQuery.Flot

2 голосов
/ 09 декабря 2010

По умолчанию flot был сгенерирован блок легенды (таблица) следующим образом ([#] - поле цвета): 

_________________
|_[#]_|_label_1_|
|_[#]_|_label_2_|
|_..._|_......._|

Я хочу иметь горизонтальную легенду, подобную этой: 

______________________________.______________________________
|_[#]_|_My_long_label_1_______|_[#]_|_My_another_label_2____|
|_[#]_|_Trololo_label_here____|_[#]_|_hell,_yeah!___________|
.............................................................

Я пытался использовать labelFormatter (), но потерпел неудачу = (

Я добавил номер заказа к каждому элементу серии и могу использовать его в labelFormatter () (например ... if (series.num% 2 == 0) {... next row ...}

Ответы [ 2 ]

12 голосов
/ 05 апреля 2012

Попробуйте подписаться, 

    legend: {
        show: true,
        noColumns:2,
        container:$("#graph_legend")

    }
1 голос
/ 09 декабря 2010

К сожалению, так не работает ...

Flot позволяет управлять только тем, как выглядят метки, а не структурой самой легенды. См. источник о том, как он создает таблицу.

Там вы заметите, что он просто создает HTML-таблицу и включает ваши метки в соответствующую ячейку.

Ваша лучшая ставка, учитывая, что информация состоит в том, чтобы просто сделать свою собственную вручную и полностью подавить генерацию легенды по умолчанию (show:false). Вы можете довольно легко взять функцию insertLegend из источника flot и создать свою собственную версию, которая размещает их горизонтально.

...