Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Flot JS折线图按不同属性排序_Javascript_Arrays_Flot - Fatal编程技术网

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

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周,不要订购。我的解决方案是创建一个填充数组,该数组包含所有数组的所有选项,因此有一条不可见的线,但包含每个

我有这样一个数组:

[“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本身没有更简单的选项

最好的选择是创建包含所有周数的填充数组,或扩展包含空值的现有数组以包含缺少的周数。根据服务器端代码的不同,其中一种可能更简单