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

时间:2010-12-09 13:23:37

标签: javascript jquery flot legend

默认情况下,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 个答案:

答案 0 :(得分:12)

尝试关注,

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

    }

答案 1 :(得分:1)

不幸的是,它不能那样工作......

Flot只允许您管理标签的外观,而不是整个图例本身的结构。请参阅source了解如何构建表格。

在那里,你会发现它只是构建一个html表,并在适当的单元格中包含你的标签。

您最好的选择,因为信息只是手工制作,并完全禁止生成默认图例(show:false)。您可以非常轻松地从flot源中获取insertLegend函数,并创建自己的版本,将它们水平堆叠。