본문 바로가기

웹 개발/Flot Chart

Flot 차트에 추세선(trend line) ??


업무 상 추세선을 그려야한다.

기존에 사용하던 유료 컴퍼넌트는 추세선을 그려주지 않는다..
(대체 이딴걸 돈주고 사용하는 이유가 뭘까..?)

 유료 컴퍼넌트를 대체하기 위해 찾은 2개의 차트 중에... 

Flot 차트의 플러그인으로 추세선을 그려주는 플러그인이 존재한다. 

jQuery.flot.trendline.js

한번 작업해보고.. 다시 포스팅...



추세선을 그렸다...

기존 플러그인을 조금 수정했는데 기존에는 From - To 형식으로 추세선을 그린다.

보다 정확히 그리고자 데이터 개수와 추세선 값을 1:1로 대응시켜 추세선을 그리게끔 변경하였다.


다운로드 : jquery.flot.trendline.js 

Full Source Download : trendLineChart

아래는 추세선을 표시한 차트 샘플이다.