jquery - 带有 jQ​​uery 浮点数的多个时间图表

Question

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

JSON数据

当前工作代码：

$.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);      
});

Answer 1

您需要在 flot 中探索 xaxes 数组/选项。从API.txt：

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

{
 xaxes: [ { position: "top" } ],
 yaxes: [ { }, { position: "right", min: 20 } ]   
}

---

因此，在您的情况下，您可以指定如下内容，而不是定义xaxis：

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

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

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

visits最后，您将绘制而不是仅绘制[visits,prevVisits]

在此处查看实际操作：http: //jsfiddle.net/ryleyb/SBrkW/