gpt4 book ai didi

jQuery flot 插件,绘图和标签顺序

转载 作者:行者123 更新时间:2023-12-01 03:47:48 25 4
gpt4 key购买 nike

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'));
}

有更好的方法吗?

最佳答案

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

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

关于jQuery flot 插件,绘图和标签顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11609838/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com