Javascript Flot JS折线图按不同属性排序
我有这样一个数组: [“2014年第1周”,3,{完整日期:“2014年4月6日星期日00:00:00 GMT+0100(GMT夏令时)}] 我遇到的问题是日期顺序不正确,我有五个不同的折线图,每个都有不同的日期。但是折线图是将它们相加,而不是将它们插入中间,因此,如果我的第一个数组有第1周、第3周和第4周,而我的第二个数组有第1周、第2周和第4周,结果会是 第1周、第3周、第4周、第2周,不要订购。我的解决方案是创建一个填充数组,该数组包含所有数组的所有选项,因此有一条不可见的线,但包含每个日期,但我想知道是否有一个选项可以让它自己完成此操作,或者如果可能,可以按不同的属性排序,例如完整的日期Javascript Flot JS折线图按不同属性排序,javascript,arrays,flot,Javascript,Arrays,Flot,我有这样一个数组: [“2014年第1周”,3,{完整日期:“2014年4月6日星期日00:00:00 GMT+0100(GMT夏令时)}] 我遇到的问题是日期顺序不正确,我有五个不同的折线图,每个都有不同的日期。但是折线图是将它们相加,而不是将它们插入中间,因此,如果我的第一个数组有第1周、第3周和第4周,而我的第二个数组有第1周、第2周和第4周,结果会是 第1周、第3周、第4周、第2周,不要订购。我的解决方案是创建一个填充数组,该数组包含所有数组的所有选项,因此有一条不可见的线,但包含每个
var options = {
series: {
lines: {
show: true
},
points: {
radius: 3,
fill: true,
show: true
}
},
xaxis: {
tickLength: 0,
mode: "categories",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'open sans',
axisLabelPadding: 10
},
yaxes: [{
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'open sans',
axisLabelPadding: 3,
}, {
position: "right",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'open sans',
axisLabelPadding: 3
}
], legend: {
noColumns: 1,
labelBoxBorderColor: "#000000",
position: "nw"
},
grid: {
hoverable: true,
borderWidth: 2,
borderColor: "#633200",
backgroundColor: { colors: ["#ffffff", "#EDF5FF"] }
},
colors: ["#FF0000", "#0022FF"]
};
不,flot本身没有更简单的选项 最好的选择是创建包含所有周数的填充数组,或扩展包含空值的现有数组以包含缺少的周数。根据服务器端代码的不同,其中一种可能更简单