jQuery flots가있는 여러 시간표

Question

Flot이 포함 된 한 차트에서 이번 달 (차트 1) 및 지난 달 (차트 2) 방문자 수를 표시하려고합니다. 현재 차트 1이 작동하고 있지만 x 축 (날짜)으로 인해 차트 2로 오버레이하는 방법을 잘 모르겠습니다.

JSON Data

현재 작업 코드 :

$.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에서 :

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

:

여기 (기본값은 괜찮 우리가 빈 첫 번째 Y 축 옵션을 남길 수 있습니다) 하나의 x 축과 두 개의 Y 축을 구성의 예

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

: 귀하의 경우 그래서

---

대신 xaxis을 정의하는, 다음과 같이 지정

그리고 다음 시리즈가 대신 배열의 개체를해야하고, 다른 축에 각 하나를 지정할 수 있습니다 : 대신 visits 음모를 꾸미고의 마지막

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

, 당신은 플롯 것 [visits,prevVisits]

를 참조하십시오 작동 방식 : http://jsfiddle.net/ryleyb/SBrkW/