2013-02-02 1 views
1

flot을 사용하여 속도/시간 그래프를 표시하려고합니다. 나는 서블릿으로부터 데이터를 받는다. 사용자가 이일 말에 대한 그래프보기를 선택하면 나는 등 타임 스탬프, 속도, 위치와 GPS 추적 이벤트의 수가 많은
는, 그래프는 다음과 같습니다 enter image description here속도 대 시간에 대한 플롯 그래프

이 있기 때문에 그들의 GPS 이벤트 간의 긴 일시 중지입니다. (가로는 시간이며 시간은 km/hr의 속도입니다.)

이제 사용자가 잠시 동안 그래프를 보려고 10 시간 정도 (예 : GPS 이벤트에서 긴 일시 중지 없음)를 선택하면) 그래프는 다음과 같이 완벽한 같습니다 enter image description here

첫 번째 그래프는 단지 읽을 수 없습니다, 당신이 볼 수 있듯이 그래프 here

입니다 생성 된 데이터, 내 문제는 내가 처음 그래프 더 읽기 쉽게 할 수있는 방법입니다 .

답변

0

미러링 된 로그 배율과 같은 것을 사용하십시오. Flot을 사용하면 차트의 단계를 구성 할 수 있습니다.

무엇인가 (copied from here)

xaxis: { 
    transform: function (v) { return Math.log(v); }, 
    inverseTransform: function (v) { return Math.exp(v); } 
} 
+0

'$의 .plot ($ ("# 자리") [{데이터 : d, 점 {표시 : 사실, 반경 3} xaxis : { \t 변환 : 함수 (v) {return Math.log (v);}, \t inverseTransform : function (v) {return Math.exp (v))}} \t} } ); \t \t} ' – JAVAGeek

+0

나는 이렇게 했어. 그게 정확하니 ..? – JAVAGeek

+0

그런 식으로해야하지만 변환 기능을 사용하여 필요에 맞게 변경해야합니다. – fmsf