0

Flot を使用して、今月 (グラフ 1) と先月 (グラフ 2) の訪問者数を 1 つのグラフに表示しようとしています。現在、グラフ 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から：

これは、1つのx軸と2つの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 に答える