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

Question

По умолчанию 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 ...}

Answer 1

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

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

    }

Answer 2

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

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

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

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