javascript - Flot JS 折线图 按不同属性排序

Question

我有一个像这样的数组:

["2014 年第 1 周", 3, { full_date: "2014 年 4 月 6 日星期日 00:00:00 GMT+0100(GMT 夏令时)"}]

我遇到的问题是日期排序不正确，我有五个不同的折线图，每个折线图上都显示不同的日期。但折线图是将它们添加在一起而不是在中间插入它们，所以如果我的第一个数组有第 1 周、第 3 周和第 4 周，而我的第二个数组有第 1 周、第 2 周和第 4 周，那么结果会像

第 1 周、第 3 周、第 4 周、第 2 周，而不是订购它们。我的解决方案是创建一个填充数组，其中包含所有数组中的所有选项，因此每个日期都有一条不可见的线，但我想知道是否有一个选项可以让它自己执行此操作，或者如果可能的话按不同的排序属性(property)，例如完整日期。

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"]
};

Answer 1

不，flot 本身没有更简单的选项。

创建包含所有周的填充数组或使用缺失周的空值扩展现有数组是最佳选择。根据您的服务器端代码，其中之一可能会更容易。