使用jQuery flot的多个时间图表

我试图用Flot在一个图表上显示本月（图1）和上个月（图2）的访客数量。我目前有图表1工作，但由于x轴（日期），我不确定如何与图表2重叠

当前工作代码：

$.getJSON('jsondata.txt',function(json){
    var visits = [json.visits];
    var options = {
        xaxis: {
            mode: "time",
        },
        grid: { hoverable: true, clickable: true },
        lines: { show: true },
        points: { show: true }
    }
    var plot = $.plot($('.chart'),visits,options);      
});

---

您需要的是探索flot中的xaxes数组/选项。从：

下面是一个配置单个x轴和两个y轴的示例（我们 可以将第一个y轴的选项保留为空，因为默认设置很好）：

---

因此，在您的例子中，您没有定义

xaxis

，而是指定如下内容：

xaxes: [  { mode: "time" }, { mode: "time" } ]

然后，您将需要系列对象而不仅仅是数组，并将每个对象指定给不同的轴：

var visits = { 
    data: json.visits,
    xaxis: 1
};
var prevVisits = { 
    data: json.prevVisits,
    xaxis: 2
};

最后，您将绘制

[visions，prevvisions]

请在此处查看它的实际操作：

var visits = { 
    data: json.visits,
    xaxis: 1
};
var prevVisits = { 
    data: json.prevVisits,
    xaxis: 2
};