소행성이야기

화려한 자바스크리트 차트 amchart

소행성왕자 2018. 7. 12. 14:08

화려한 자바스크리트 차트 amchart


저장된 로그 파일을 표형식이 아닌 그래프 형식으로 보여주기위해

여러가지 차트 js 파일중 amcharts 가 가장 화려한것 같습니다.

차트종류도 많고 사용메뉴얼도 쉽습니다.

사이트 : https://www.amcharts.com/demos/


날짜별 그래프의 경우 x 축에 날짜 포맷에 jul 7 형식으로 출력이되는데 숫자로 변경하기 위해서는

아래와 같이 labelFuncion 추가해주면 됩니다.

"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true,
"labelFunction": function(valueText, date, categoryAxis) {
return date.toLocaleDateString();
}
},


각 차트마다 보기쉽게 소스표시되어 있으니 그대로 따라하시면 되실겁니다.












sdf