javascript - 在 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 源中获取该函数，并制作您自己的版本，将它们水平堆叠。