Flot.js 반복되는 X 축 값이 표시되지 않음

Question

그래프를 표시하기 위해 flot.js를 사용하고 있습니다. 다음 JSON은 아래 첨부 된 그래프를 표시하는 데 사용됩니다.

{ 
    "data": [ 
     ["02:56", 50], 
     ["06:56", 120], 
     ["10:56", 170], 
     ["14:56", 210], 
     ["18:56", 260], 
     ["22:56", 300], 
     ["02:56", 380], 
     ["06:56", 420], 
     ["10:56", 460], 
     ["14:56", 500], 
     ["18:56", 570], 
     ["22:56", 700] 
    ] 
} 

위의 JSON은 파란색 라인 전용입니다. X 축 시간 값 02:26, ​​06:26 ... 최대 6 개의 값이 두 번 반복됩니다.

이 그래프는 단지 처음 여섯 개 값 플롯. 그리고이 값을 두 번 반복하면 그래프가 다시 뒤에서 그려집니다. 어떤 몸이라도 12 개의 X 축 포인트를 모두 표시하는 방법을 알려주시겠습니까?

Answer 1

완벽한 해결책은 아닙니다. 그러나 공간은 반복되는 시간 값의 끝에 추가됩니다. 다음은 수정 된 JSON입니다. 그리고 그것은 잘 작동합니다.

{ 
    "data": [ 
     ["02:56", 50], 
     ["06:56", 120], 
     ["10:56", 170], 
     ["14:56", 210], 
     ["18:56", 260], 
     ["22:56", 300], 
     ["02:56 ", 380], 
     ["06:56 ", 420], 
     ["10:56 ", 460], 
     ["14:56 ", 500], 
     ["18:56 ", 570], 
     ["22:56 ", 700] 
    ] 
} 

공간을 추가 했으므로 두 값이 같지 않습니다. 그러나 그래프에 똑같이 표시됩니다.

Answer 2

Flot을 전에 사용하지 않았지만 제 제안이 당신에게 계몽되기를 바랍니다. JSON을 처리 할 때 (모든 링크 [데이터를 참조]를 선택합니다)이 Flot example에 표시된

형식의 데이터로 :

{ 
    "data": [[02:56, 50], [06:56, 120], [10:56, 170], ... ] 
} 

을 나는, 당신이 당신의 그래프를 플롯하기 위해 시계열을 변환하는 방법을 알고 있었다 추측 한 번 더해야 할 일은 반복되는 시간 전에 null을 추가하는 것입니다. 2:56. 이 트릭을 사용하여 basic usage에 빨간색 선을 그립니다.

{ 
    "data": [[02:56, 50], [06:56, 120], [10:56, 170], ..., null, [02:56, 380], [06:56, 420] ... ] 
} 

널은 점으로 지정 또는 좌표 중 하나가 null의 경우, 또는 숫자로 변환 할 수없는 경우, 포인트가 될 때 도면을 무시합니다. 특수한 경우로, 행에 대한 널 값은 선 세그먼트 끝으로 해석됩니다. 즉, 널값 전후의 점은 이 연결되지 않습니다. Reference here.