需要 jQuery.Flot 图例格式方面的帮助

Question

默认情况下，flot是生成像这样的图例块（表）（[#] - 颜色框）：

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

我想要像这样的水平图例：

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

我已经尝试使用labelFormatter（）但失败了=（

我向每个添加了订单号series 元素并可以在 labelFormatter() 中使用它（例如 ...if(series.num % 2 == 0) { ...next row... }

Answer 1

尝试以下，

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

    }

Answer 2

不幸的是，它不是这样工作的...

Flot 只能让您管理标签的外观，而不是整个图例本身的结构。请参阅源代码了解其构建方式桌子。

在那里，您会注意到它只是构建了一个 html 表，并将您的标签包含在适当的单元格中。

鉴于该信息，您最好的选择是手动制作自己的信息，并完全抑制默认图例的生成（show:false）。您可以很容易地从 flot 源中获取 insertLegend 函数，并制作您自己的版本来水平堆叠它们。