0

我试图用 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);      
});
4

1 回答 1

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/

于 2012-05-30T16:00:52.163 回答