자바 스크립트를 사용하여 브라우저의 꺾은 선형 차트로 날짜 관련 데이터를 시각화하십시오.

Question

꺾은 선형 차트로 일부 데이터를 시각화하고 싶습니다. x 축에는 날짜가 있어야하고 y 축에는 값이 있어야합니다.

거기에 몇 가지 javascript 플로팅 솔루션이 있다는 것을 알고 있습니다. 특히 날짜 관련 데이터의 경우 적합한 솔루션을 찾기가 어렵습니다.

: 더 좋은 샘플 데이터로, 여기

[ 
    [ 
     1365163327, 
     1365163339, 
     0 
    ], 
    [ 
     1365163339, 
     1365163360, 
     1 
    ] 
] 

참조 JS-바이올린 : 몇 가지 예를 들어 값이 여기에

[ 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ], 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ] 
] 

: 여기

내가 데이터를 어떻게 계획이다

http://jsfiddle.net/JWhmQ/1992/

Answer 1

See W3 Schools for Date Object format이 FLOT에서보세요 - 예를 들어, 그것은 유닉스 타임 스탬프로 feeded 수 있습니다

http://www.flotcharts.org/flot/examples/visitors/index.html

Answer 2

내 개인적인 취향은 Google Chart API '에스. 그들은 좋은 날짜 형식을 지원합니다 : see Chart API Date Format Docs. API에 대한 좋은 점은 일단 JavaScript 날짜 형식으로 가져 오면 Google 차트 API가 정렬 방법을 알고 있으며 현지화/형식 지정 환경 설정의 날짜 형식도 변경할 수 있다는 것입니다.

소스 JSON에 추가적으로 필요한 것은 타임 스탬프를 Date Object로 변환하는 것뿐입니다. PHP에서는 날짜 객체의 각 부분에 대해 날짜 ('Y', $ timestamp) 등을 수행합니다.