2

http://code.google.com/p/flot/

默认情况下，图和标签按顺序显示，我定义了它们

$.plot($("#chart"),
                        plotData
                    ,
                    {
                        series:{
                        lines:{ show:true },
                        points:{ show:true }
                        },
                        grid:{ hoverable:true, clickable:true },
                        yaxis:{ min:0, max:data.maxYaxisValue, tickDecimals:0},
                        xaxis:{ tickFormatter:tickFormatter}
                    }
                );

其中 plotdata 是一个数组，具有以下结构：

var plotData = [
 {data: statData1,  color: plotColor1, label: label1},
 {data: statData2,  color: plotColor2, label: label2},
 {data: statData3,  color: plotColor3, label: label3}
];

我想以一种顺序显示图，以另一种顺序显示标签：

情节：

情节1情节2情节3

图例表：

情节3情节1情节2

我只有一个想法：通过脚本更改图例表中的顺序，我在这里看不到选项

  if ($('#chart div.legend table tr').length > 1) {
                var $tableRow = $('#chart div.legend table tr:last');
                $tableRow.insertBefore($('#chart div.legend table tr:first'));
            }

是否存在更好的方法来做到这一点？

4

1 回答 1

3

Github上的 Flot master 分支支持独立于它们的系列对图例标签进行排序。

它是大约一周前才添加的，所以如果你已经在使用 master 分支，你可能只需要更新。如果您使用的是 0.7，您可以切换到 master 分支，如果您对它不太稳定的话感到满意，或者在历史记录中找到那些特定的提交并手动将它们应用到您的副本中。

于 2012-07-23T12:00:30.130 回答